本文介绍了一种使用CSS来定制HTML表格样式的详细方法，包括如何调整字体大小、边框颜色和宽度、背景颜色等属性，并展示了如何通过CSS去除表格默认样式的间距。
css样式|如何利用css样式表格
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
#data{
font-size: 12px;
border: 1px solid #000066;
line-height: 20px;
width: 700px;
float: left;
border-collapse: collapse;
}
#data caption {
font-size: 14px;
line-height: 22px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
background-color: #000066;
text-indent: 10px;
}
#data thead {
font-size: 12px;
line-height: 22px;
font-weight: bold;
color: #000066;
text-align: left;
background-color: #CCCCCC;
text-indent: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}
#data td {
background-color: #efefef;
text-indent: 10px;
}
-->
</style>
</head>
<body>
<table id="data">
<caption>
如何通过CSS去除表格默认样式的间距
</caption>
<thead>
<tr>
<th>dfsa</th>
<th>dsfdf</th>
<th>sdfsdf</th>
<th>sdfdfssdf</th>
</tr>
</thead>
<tr>
<td>dfsdsfsdf</td>
<td>dsfdf</td>
<td>dsfsdf</td>
<td>dsfsdfsdfa</td>
</tr>
<tr>
<td>sdfsdf</td>
<td>sdsdf</td>
<td>dfssdf</td>
<td>dsfdfs</td>
</tr>
<tr>
<td>sdfdfsdf</td>
<td>sdfdfs</td>
<td>sdfsdf</td>
<td>dfsdfs</td>
</tr>
</table>
</body>
</html>
利用样式控制表格
最新推荐文章于 2025-05-10 12:18:43 发布
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
