南非最有名钻石品牌:运用html代码做一些特殊表格 - 磊磊《稻草人》的日志 - 网易博客
来源:百度文库 编辑:偶看新闻 时间:2024/05/07 15:52:30
运用html代码做一些特殊表格
00 2007-06-29 17:19:35 阅读38 评论0 字号:大中小
html代码做一些特殊表格
我们一般制作帖子的表格边框,基本上大同小异.现在教大家用代码制作别具一格的表格边框.在这里所有的效果我只用套材来举例.边框里可以放图片和文字,也可以换成颜色和文字.图片和颜色大家可以根据需要自己更换.只要发挥想象力,相信大家都能制作出更漂亮的表格边框.
语法简单介绍:
BORDER-RIGHT: #9b0000 6px ridge; 右边框颜色 宽度 样式 BORDER-TOP: #9b0000 6px ridge; 上边框颜色 宽度 样式 BORDER-LEFT: #9b0000 6px ridge; 左边框颜色 宽度 样式 BORDER-BOTTOM: #9b0000 6px ridge; 下边框颜色 宽度 样式 ; 外边框定位(相对定位) ; 内部小表格的定位(绝对定位) LEFT: 0px; 离左边的距离 TOP: 0px; 离顶部的距离 RIGHT: 0px; 离右边的距离 BOTTOMM: 0px; 离下边的距离 HEIGHT: 512px 表格高度 WIDTH: 512px; 表格宽度 表格边框的样式还有以下几种(换不同的值就会有不同的边框样式):
none | dotted | dashed | solid | double | groove | ridge | inset | outset
注意点:
如果不是宽屏外边框必须赋于相对定位.内部表格必须绝对定位. 上,下,左,右边框如果有不需要显示的,将该边的宽度值 设为0即可. 主要图片以背景的方式加入即放在<*table>里更好一些.
效果一:
代码如下:
效果二:
代码如下:
效果三:
代码如下:
效果四:
代码如下:
效果五:
写字
内容
代码如下:
效果六:
代码如下:
效果七:
玫瑰茶苑
玫瑰茶苑
玫瑰茶苑
玫瑰茶苑
代码如下:
效果八:
代码如下:
效果九:
代码如下:
效果十:
[/center] 代码如下:
效果十一:
[/center] 代码如下:
效果十二
[/center] 代码如下:
效果十三:
代码如下:
效果十四代码:
[/center]
代码如下:
效果十五代码:
代码如下:
效果十六:
[/center] 代码如下:
评论这张
转发至微博
0人 | 分享到:
阅读(38)| 评论(0)| 引用 (0) |举报
表格制作方法及表格中的文字链接(原创 不许复制)(教你活用,不是死搬)
怎样在首页制作日志一览表或热点点击一览表
历史上的今天
相关文章
最近读者
登录后,您可以在此留下足迹。
肖维
叼着半支
00 2007-06-29 17:19:35 阅读38 评论0 字号:大中小
html代码做一些特殊表格
我们一般制作帖子的表格边框,基本上大同小异.现在教大家用代码制作别具一格的表格边框.在这里所有的效果我只用套材来举例.边框里可以放图片和文字,也可以换成颜色和文字.图片和颜色大家可以根据需要自己更换.只要发挥想象力,相信大家都能制作出更漂亮的表格边框.
语法简单介绍:
BORDER-RIGHT: #9b0000 6px ridge; 右边框颜色 宽度 样式 BORDER-TOP: #9b0000 6px ridge; 上边框颜色 宽度 样式 BORDER-LEFT: #9b0000 6px ridge; 左边框颜色 宽度 样式 BORDER-BOTTOM: #9b0000 6px ridge; 下边框颜色 宽度 样式 ; 外边框定位(相对定位) ; 内部小表格的定位(绝对定位) LEFT: 0px; 离左边的距离 TOP: 0px; 离顶部的距离 RIGHT: 0px; 离右边的距离 BOTTOMM: 0px; 离下边的距离 HEIGHT: 512px 表格高度 WIDTH: 512px; 表格宽度 表格边框的样式还有以下几种(换不同的值就会有不同的边框样式):
none | dotted | dashed | solid | double | groove | ridge | inset | outset
注意点:
如果不是宽屏外边框必须赋于相对定位.内部表格必须绝对定位. 上,下,左,右边框如果有不需要显示的,将该边的宽度值 设为0即可. 主要图片以背景的方式加入即放在<*table>里更好一些.
效果一:
代码如下:
效果二:
代码如下:
效果三:
代码如下:
效果四:
代码如下:
效果五:
写字
内容
代码如下:
效果六:
代码如下:
效果七:
玫瑰茶苑
玫瑰茶苑
玫瑰茶苑
玫瑰茶苑
代码如下:
|
效果八:
代码如下:
效果九:
代码如下:
效果十:
[/center] 代码如下:
效果十一:
[/center] 代码如下:
效果十二
[/center] 代码如下:
效果十三:
代码如下:
效果十四代码:
[/center]
代码如下:
效果十五代码:
代码如下:
|
效果十六:
[/center] 代码如下:
评论这张
转发至微博
0人 | 分享到:
阅读(38)| 评论(0)| 引用 (0) |举报
表格制作方法及表格中的文字链接(原创 不许复制)(教你活用,不是死搬)
怎样在首页制作日志一览表或热点点击一览表
历史上的今天
相关文章
最近读者
登录后,您可以在此留下足迹。
肖维
叼着半支
求html 特殊代码(酒精度数)
如何做特殊的word表格?
在MSNspace中用HTML实现表格化页面的代码
如何用html语言做表格嵌套,也就是做网页,用表格套表格.
帮忙设计一些简单的HTML代码
如何写个fitter来过滤一些非html代码成html代码
html代码
html代码
html代码
html代码
HTML代码
求特殊字符一个(心形的)要文本的不要html代码的!
10. 设置围绕表格的边框宽度的HTML代码是?
帮忙帮我把下面的表格转换为HTML代码啊
html表格布局
html如何制作表格?
HTML代码在网上的做网站怎么用???
Html:怎么做搜索页面中包含文字的代码
网页中的细线表格怎么做?代码是什么?
DIV+CSS做的网站和HTML表格做的网站有什么区别
怎样在EXCEL里画斜线做特殊的表格用
QQ空间代码运用
QQ空间代码运用
一个html中的表格问题