使用CSS设置表格二
来源:百度文库 编辑:神马文学网 时间:2024/10/06 13:41:07
使用CSS设置表格二
下面是示例图,blogjava的网友们都很熟悉吧。CSS代码:
/**//*2008.09.28*/
Table.grayblogjava{}{
border-top:0px solid #6b86b3;
border-bottom:3px solid #6b86b3;
border-left:0px solid #6b86b3;
border-right:0px solid #6b86b3;
}
Table.grayblogjava caption{}{
font-size:16px;
font-weight:bold;
text-align:left;
border-top:1px solid #999999;
border-bottom:1px dashed #999999;
border-left:0px solid #999999;
border-right:0px solid #999999;
padding-left:5px;
background:#e5eef7;
}
Table.grayblogjava thead{}{
height:31px;
background:#ffffff;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
Table.grayblogjava tbody{}{
height:25px;
}
Table.grayblogjava th{}{
border-bottom:1px solid #6b86b3;
text-align:center;
}
Table.grayblogjava tr.odd{}{
background-color:#f5f5f5;
}
Table.grayblogjava td{}{
border-bottom:1px solid #e6e6e6;
padding-left:5px;
padding-right:4px;
padding-top:4px;
padding-bottom:1px;
text-align:left;
}
Table.grayblogjava td a{}{
color:#6b86b3;
text-decoration: none;
}
Table.grayblogjava td a:hover{}{
color:#cc0066;
text-decoration: underline;
}
HTML代码:
<%@ page contentType="text/html; charset=UTF-8"%>
三代 | 汉朝 | 晋朝 | 唐朝 | 宋朝 | 明朝 |
---|---|---|---|---|---|
孔子 | 董仲舒 | 阮籍 | 李白 | 苏轼 | 王阳明 |
孟子 | 东方朔 | 嵇康 | 杜甫 | 辛弃疾 | 唐寅 |
老子 | 扬雄 | 陶渊明 | 李商隐 | 陆游 | 徐渭 |
庄子 | 左思 | 王羲之 | 李贺 | 范仲淹 | 杨慎 |
荀子 | 司马迁 | 庾信 | 王维 | 欧阳修 | 吕坤 |
韩非子 | 班固 | 鲍照 | 居易 | 苏洵 | 宋濂 |
所有代码下载:
http://www.blogjava.net/Files/sitinspring/CssTable220081003154430.rar
使用CSS设置表格二
使用CSS设置表格
CSS使用篇(二):样式类的创建与引用
css颜色设置大全
二、深入学习和使用-用表格做网页
二、深入学习和使用-(3)表格的嵌套
二、深入学习和使用 -(4)表格的编辑
表格属性设置
css常用的属性设置
javascript 设置css运行时设置javascript
asp 学习二:IIS使用 虚拟目录设置篇
使用不同的CSS写法-CSS发烧友
使用不同的CSS写法-CSS发烧友
用CSS样式固定表格宽度
21个css和Ajax表格
怎么用css美化表格的边框
excel表格设置双面打印
Grid表格使用技巧
如何使用ecsl表格
表格的使用技巧!!
二、深入学习和使用-(2)制作第二个表格
CSS使用技巧20则
Div CSS布局入门教程(二)
CSS使用篇(一):将CSS放在何处