康柏仕电脑学院Microsoft Windows交流平台Dreamweaver网站设计交流区 → HTML虚线表格代码


  共有12047人关注过本帖树形打印复制链接

主题:HTML虚线表格代码

帅哥哟,离线,有人找我吗?
superpch
  1楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 家人主人
等级:管理员 帖子:989 积分:8911 威望:0 精华:7 注册:2005/9/15
HTML虚线表格代码  发帖心情 Post By:2013/2/27 17:00:49 [只看该作者]

学会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>

 

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



台湾正航ERP华南技术中心
正航软件-企业ERP最佳选择,主要模块有ERP,CRM,HRM,BI,MES
http://www.combss.com  0769-81158210  13378605992
 回到顶部