您的位置:首页 > Web前端 > CSS

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要不然里面就没有线了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: