CSS 表格 好看

系统 1773 0
CSS 表格 好看
      
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
table{border-collapse:collapse;border-top:3px solid #000;border-bottom:3px solid #000;}
.notVert{border:none; }
td,th{
width:60px; 
border-right:1px solid #aaa; 
border-bottom:1px solid #aaa;
text-align:center; 
font-size:16px;
};
th{font-size:16px;font-weight:normal}
.last{border-right:none; }
.lastTr td{border-bottom:none; }
strong{color:red; }
</style>
</head>
<body>
<p>
<strong>四周(上下左右都不封闭)</strong>
</p>
<table cellspacing="0" cellpadding="2" class="notVert">
	<tr>
		<th>一月</th>
		<th>二月</th>
		<th>三月</th>
		<th class="last">总计</th>
	</tr>
	<tr>
		<td>29</td>
		<td>38</td>
		<td>65</td>
		<td class="last">24</td>
	</tr>
	<tr>
		<td>26</td>
		<td>47</td>
		<td>58</td>
		<td class="last">4</td>
	</tr>
	<tr class="lastTr">
		<td>56.45</td>
		<td>665</td>
		<td>76</td>
		<td class="last">8</td>
	</tr>
</table>
<p>	
	<strong>常用型,左右不封闭</strong>
</p>
<table cellspacing="0" cellpadding="2">
	<tr>
		<th>一月</th>
		<th>二月</th>
		<th>三月</th>
		<th class="last">总计</th>
	</tr>
	<tr>
		<td>22</td>
		<td>112</td>
		<td>52</td>
		<td class="last">4</td>
	</tr>
	<tr>
		<td>15</td>
		<td>265</td>
		<td>39</td>
		<td class="last">4</td>
	</tr>
	<tr class="lastTr">
		<td>72</td>
		<td>43</td>
		<td>521</td>
		<td class="last">8</td>
	</tr>
</table>
</body>
</html>
    

 

CSS 表格 好看


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论