网页制作学习：虚线表格的制作方法

[复制链接]

ぁ贪ā.翫？

电梯直达

1^#

发表于 2009-9-15 02:18:27 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

虚线表格的制作方法比较多，今天我们就来详细学习一下。
方法一：作一个1X2的图。

　　半黑半白，再利用表格作成线。这种方法虽然麻烦，但在任何浏览器中均可浏览，兼容性最好。

　　方法二：在CSS里面设定。

　　如果你用DreamWeaver话，只要在CSS面板里new一个style，选择“redefine HTML Tag”，再在下拉菜单里先“table”，在弹出的面板里，category里选择border，在border里，将top,left,right,bottom都设成1px，颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意，这个效果在浏览器里才能看见。

　　方法三：直接在html里设置（如果你只想让某一个表格边框是虚线的话）。

　　在表格的html里加上这个：

　　style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
　　颜色是十六位代码，你可以自己设。

　　注：方法二、三，只能在IE5.5里用，到了NETSCAPE里一点用处都没有，除非你用做好的底图填充。

收藏0