CSS定义表格样式
2009-12-05 12:33
681 查看
#dataDiv table {
margin:0;
padding:0;
font-family:arial;
font-size:inherit;
border-collapse:collapse;
border:1px solid #7F7F7F;
width:100%;
}
/*表头*/
#dataDiv th {
text-decoration:none; color:white; vertical-align:bottom;
padding:4px 10px 4px 10px;
border-right:1px solid #CBCBCB;
background-color: #444446;
}
/*链接*/
#dataDiv th a {
color:white;
font-weight:bold;
text-decoration:none;
}
/*行*/
#dataDiv tr {
width:100%;
border:1px solid grey; /*表格内边框*/
background-color:white;
}
/*单元格*/
#dataDiv td {
padding:4px 10px 4px 10px; border-right:1px solid #CBCBCB; text-align:center;
}
/*表格标题*/
#dataDiv caption {
text-decoration:none; color:#eedf32; vertical-align:top;
padding:4px 10px 4px 10px;
border-right:1px solid #CBCBCB;
background:url('../images/title-1.png') repeat-x 0 0;
font-weight: bold;
}
注意border-collapse:collapse;是保证在firefox,opera下面细线的关键,并且td要加上border要不然里面就没有线了。
margin:0;
padding:0;
font-family:arial;
font-size:inherit;
border-collapse:collapse;
border:1px solid #7F7F7F;
width:100%;
}
/*表头*/
#dataDiv th {
text-decoration:none; color:white; vertical-align:bottom;
padding:4px 10px 4px 10px;
border-right:1px solid #CBCBCB;
background-color: #444446;
}
/*链接*/
#dataDiv th a {
color:white;
font-weight:bold;
text-decoration:none;
}
/*行*/
#dataDiv tr {
width:100%;
border:1px solid grey; /*表格内边框*/
background-color:white;
}
/*单元格*/
#dataDiv td {
padding:4px 10px 4px 10px; border-right:1px solid #CBCBCB; text-align:center;
}
/*表格标题*/
#dataDiv caption {
text-decoration:none; color:#eedf32; vertical-align:top;
padding:4px 10px 4px 10px;
border-right:1px solid #CBCBCB;
background:url('../images/title-1.png') repeat-x 0 0;
font-weight: bold;
}
注意border-collapse:collapse;是保证在firefox,opera下面细线的关键,并且td要加上border要不然里面就没有线了。
相关文章推荐
- 比较完整的CSS定义表格样式
- 用标准的CSS定义你的表格样式
- 比较完整的CSS定义表格样式
- 比较完整的CSS定义表格样式
- css定义表格样式
- html+css给单独某一表格定义样式示例
- CSS如何设置html table表格边框样式 CSS如何设置table表格边框样式 对table设置css样式边框,分为几种情况: 1、只对table设置边框 2、对td设置边框 3、对table和
- 使用CSS自定义属性Expression对表格背景批量定义
- 分享7款颜色的CSS表格样式美化网页表格用户体验
- [轉]CSS定义li样式
- CSS定义鼠标经过时鼠标图型样式
- CSS 设置表格,表格样式
- 仿Word自动套用格式,用CSS设置表格样式
- css 网站内部优化之样式表(CSS)定义和命名规范
- css定义有序列表样式以及counter-reset、counter-increment 的使用
- 利用CSS进行表单样式定义
- CSS如何设置html table表格边框样式
- 使用CSS去除表格默认样式的间距
- CSS定义HR水平线的几种样式
- JavaScript + CSS 美化出的条纹表格样式