html让表格边框样式为细线,以前在网上查了很久都没满意的答案,今天在看CSS书的时候才发现用CSS是就会很简单的实现这个功能,不光是边框细线,不管什么样的样式都可以弄出来。
什么?你不懂CSS?!
无所谓,即使你对CSS一点都不动都没事,这个很简单的,就一行代码,总共也就20、30个字母。
看好了。
<td style="border-1px;border-color:#000099;border-style:solid;">5DKX.COM—5D开心博客</td>
在给解释一下里面各个标签的含义吧
border-style:solid设置边框线是样式其中solid含义是实线
border-1px:设置边框线的宽度
border-color:#000099 设置边框线的颜色
下面给个例子
<table width="500" border="0" align="center">
<tr>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
</tr>
<tr>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
</tr>
<tr>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-1px;">5DKX.COM—5D开心博客</td>
</tr>
</table>
下面的是效果图:
5DKX.COM—5D开心博客 | 5DKX.COM—5D开心博客 | 5DKX.COM—5D开心博客 |
5DKX.COM—5D开心博客 | 5DKX.COM—5D开心博客 | 5DKX.COM—5D开心博客 |
5DKX.COM—5D开心博客 | 5DKX.COM—5D开心博客 | 5DKX.COM—5D开心博客 |
首发:http://www.5dkx.com/arch/90.html
非特别说明均为原创文章如转载,请注明:转载自 5D开心博客 [ http://www.5DKX.com/ ]