以文本方式查看主题

-  康柏仕电脑学院  (http://combss.com/bbs/index.asp)
--  Dreamweaver网站设计交流区  (http://combss.com/bbs/list.asp?boardid=48)
----  HTML虚线表格代码  (http://combss.com/bbs/dispbbs.asp?boardid=48&id=3453)

--  作者:superpch
--  发布时间:2013/2/27 17:00:49
--  HTML虚线表格代码

学会HTML虚线表格代码 与 颜色的设置,asp中可以用到的style="border-top-style:dashed ;" 其中的top顶

 

 


 设置虚线如下    style="border-top-style:dashed ;" 其中的top是在顶部设置,如果是在底部用 bottom其中必须在<td 后接着写style=……

<table>
<tr>
<td style="border-top:dashed  10px #F00;border-left:dashed 1px #000000;border-right:dashed 1px #000000" >只有这样才行吗?

</td>
</tr>
<tr><td style="border-left:dashed 10px #000000;border-right:dashed 1px #000000" height=100> </td></tr>
<tr>
  <td style="border-bottom:dashed 1px #000000;border-left:dashed 10px #000000; border-right:dashed 1px #000000">&nbsp; </td></tr></table>

 

 

style="border-top:dashed  10px #F00;"可以在顶部设置10像素的红色(#F00)虚线

效果如下

图片点击可在新窗口打开查看

 

 


 

<table>
<tr>
<td style="border-top:dashed 1px #000000;border-left:dashed 1px #000000;border-right:dashed 1px #000000">只有这样才行吗?

</td>
</tr>
<tr><td style="border-left:dashed 1px #000000;border-right:dashed 1px #000000" height=100> </td></tr>
<tr><td style="border-bottom:dashed 1px #000000;border-left:dashed 1px #000000; border-right:dashed 1px #000000">如果td多了,

这样出来的虚线边框是断断续续的。</td></tr></table>

 

图片点击可在新窗口打开查看