具体有两种方法：
1、画虚线的图，然后插入网页中。缺点是这个虚线不能随意变动大小，因为拉伸图片会产生失真。
2、编程
。缺点，不能改变方向。还可以用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">
id="defs4" />
id="metadata7">
rdf:about="">
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
transform="translate(0,-552.36218)"
id="layer1">
d="m 68.571428,651.6479 239.999992,0"
id="path2985"
style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1, 3;stroke-dashoffset:0" />