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

html让表格边框样式为细线

文章来源:365jz.com     点击数:3549    更新时间: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秀秀网

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

发表评论 (3549人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号