<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表格样式</title>
</head>
<style>
.tabelist{
border:1px solid #429fff;/*表格边框*/
font-family:"楷体";
border-collapse:collapse;/*边框重叠*/}
.tabelist caption{
background-image:url(t01e781575902ba7f2a.jpg);/*背景*/
padding-top:3px;
padding-bottom:2px;
font-weight:bolder;/*粗体*/
font-size:15px;
font-family:"幼圆";
border:2px solid #429fff;
}/*标题边框*/
.tabelist th{
font-weight:bold;
text-align:center;
}
.tabelist td{
border:1px solid #429fff;
text-align:right;
padding:4px;
}
table{/*表格宽度*/
text-align:center;
width:500px;
border-style:double;
}
</style>
<body>
<table class="tabelist">
<caption class="tabelist">2011季度</caption>
<tr><th>选项</th><th>07月</th><th>08月</th><th>09月</th>
</tr>
<tr><td>收入</td><td>8000</td><td>6000</td><td>9000</td></tr>
</table>
</body>
</html>
【HTML】表格样式
最新推荐文章于 2024-07-25 09:00:00 发布