html让表格边框样式为细线,以前在网上查了很久都没满意的答案,今天在看CSS书的时候才发现用CSS是就会很简单的实现这个功能,不光是边框细线,不管什么样的样式都可以弄出来。

什么?你不懂CSS?!

无所谓,即使你对CSS一点都不动都没事,这个很简单的,就一行代码,总共也就20、30个字母。

看好了。

<td style="border-width:1px;border-color:#000099;border-style:solid;">5DKX.COM—5D开心博客</td>

在给解释一下里面各个标签的含义吧

border-style:solid设置边框线是样式其中solid含义是实线

border-width:1px:设置边框线的宽度

border-color:#000099 设置边框线的颜色

下面给个例子

<table width="500" border="0" align="center">
<tr>
<td style="border-style:solid; border-color:#000099; border-width:1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">5DKX.COM—5D开心博客</td>
</tr>
<tr>
<td style="border-style:solid; border-color:#000099; border-width:1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">5DKX.COM—5D开心博客</td>
</tr>
<tr>
<td style="border-style:solid; border-color:#000099; border-width:1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">5DKX.COM—5D开心博客</td>
<td style="border-style:solid; border-color:#000099; border-width: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/ ]

posted on 2010-03-19 13:44  5D开心博客  阅读(1668)  评论(0编辑  收藏  举报