您现在的位置: 365建站网 > 365学习 > html让表格边框样式为细线

html让表格边框样式为细线

文章来源:365jz.com     点击数:3486    更新时间:2015-09-16 20:30   参与评论
 

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

什么?你不懂CSS?!

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

看好了。

<td style="border-width:1px;border-color:#000099;border-style:solid;">PQSHOW.COM—PQ秀秀网</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;">PQSHOW.COM—PQ秀秀网</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">PQSHOW.COM—PQ秀秀网</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">PQSHOW.COM—PQ秀秀网</td>
</tr>
<tr>
<td style="border-style:solid; border-color:#000099; border-width:1px;">PQSHOW.COM—PQ秀秀网</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">PQSHOW.COM—PQ秀秀网</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">PQSHOW.COM—PQ秀秀网</td>
</tr>
<tr>
<td style="border-style:solid; border-color:#000099; border-width:1px;">PQSHOW.COM—PQ秀秀网</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">PQSHOW.COM—PQ秀秀网</td>
<td style="border-style:solid; border-color:#000099; border-width:1px;">PQSHOW.COM—PQ秀秀网</td>
</tr>
</table>

 

下面的是效果图:

 

 

PQSHOW.COM—PQ秀秀网 PQSHOW.COM—PQ秀秀网 PQSHOW.COM—PQ秀秀网
PQSHOW.COM—PQ秀秀网 PQSHOW.COM—PQ秀秀网 PQSHOW.COM—PQ秀秀网
PQSHOW.COM—PQ秀秀网 PQSHOW.COM—PQ秀秀网 PQSHOW.COM—PQ秀秀网

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (3486人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------