新建一个HTML文档、插入Table、使用CSS设置器进行设置和将border—style的属性设置为dashed。根据查询DW水平线变为虚线相关资料得知，DW水平线变为虚线要新建一个HTML文档、插入Table、使用CSS设置器进行设置和将border—style的属性设置为dashed。DW水平线变为虚线分为以下几个步骤：
1、首先打开DW软件，新建一个HTML文档。
2、其次点击“插入”，选择“Table”。
3、然后在table内加入一个内联样式，使用CSS设置器进行设置。
4、最后在CSS设置器的属性内将border—style的属性设置为dashed即可。
具体有两种方法：
1、画虚线的图，然后插入网页中。缺点是这个虚线不能随意变动大小，因为拉伸图片会产生失真。
2、编程<div style="width:200pxheight:0pxborder-top:1px black dashed" />。缺点，不能改变方向。
还可以用svg，可以随意改变大小，粗细，方向，例子如下：
<html>
<head>
</head>
</head>
<body>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="500"
height="500"
id="svg2">
<defs
id="defs4" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(0,-552.36218)"
id="layer1">
<path
d="m 68.571428,651.6479 239.999992,0"
id="path2985"
style="fill:nonestroke:#000000stroke-width:1stroke-linecap:buttstroke-linejoin:miterstroke-miterlimit:4stroke-opacity:1stroke-dasharray:1, 3stroke-dashoffset:0" />
</g>
</body>
</html>
缺点是不能直接在IE里用，火狐、Chrome等都没问题。
方法一：作一个1X2的图。半黑半白，再利用表格作成线。这种方法虽然麻烦，但在任何浏览器中均可浏览，兼容性最好。
方法二：在CSS里面设定。
如果你用DreamWeaver话，只要在CSS面板里new一个style，选择“redefine HTML Tag”，再在下拉菜单里先“table”，在d出的面板里，category里选择border，在border里，将top,left,right,bottom都设成1px，颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意，这个效果在浏览器里才能看见。
方法三：直接在html里设置（如果你只想让某一个表格边框是虚线的话）。
在表格的html里加上这个：
style="BORDER-LEFT: #000000 1PX DASHEDBORDER-RIGHT: #000000 1PX DASHEDBORDER-TOP: #000000 1PX DASHEDBORDER-BOTTOM: #000000 1PX DASHED"
颜色是十六位代码，你可以自己设。
注：方法二、三，只能在IE5.5里用，到了NETSCAPE里一点用处都没有，除非你用做好的底图填充。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）