html如何设置虚线,html设置水平线为虚线
html怎么做一条水平的虚线
使用HTML标签来实现一条水平的虚线。
拓展：使用HTML标签
实现换行。
在html中我要打出一条虚线的方法有哪些？
除了这些方法外还可以用canvas画虚线。
直接用图片的时候可以考虑用背景图片，这样就可以使用背景的repeat方式无限延长。
无论是用border还是图片都可以使用css3的transform属性设置方向和其他变形。
使用svg或canvas都可以更灵活改变虚线的方向等显示方式。
如果要考虑兼容低版本IE浏览器，当然是用border属性或图片背景兼容性最好，其他方式都需要另外引用js才能兼容。
在html中我要打出一条虚线怎么写
具体有两种方法：
1、画虚线的图，然后插入网页中。缺点是这个虚线不能随意变动大小，因为拉伸图片会产生失真。
2、编程div style="width:200px;height:0px;border-top:1px black dashed;" /。缺点，不能改变方向。
还可以用svg，可以随意改变大小，粗细，方向，例子如下：
html
head
/head
/head
body
svg
xmlns:dc=""
xmlns:cc=""
xmlns:rdf=""
xmlns:svg=""
xmlns=""
version="1.1"
width="500"
height="500"
id="svg2"
defs
id="defs4" /
metadata
id="metadata7"
rdf:RDF
cc:Work
rdf:about=""
dc:formatimage/svg+xml/dc:format
dc:type
rdf:resource="" /
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: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" /
/g
/body
/html
缺点是不能直接在IE里用，火狐、Chrome等都没问题。
html代码能设置成虚线吗？
hr 标签本身属性只有align、noshade、size、width；
并不包含线的样式，要想展示为虚线，只能通过css实现；
例如：
hr style= "border:1px dashed #000" /
注：dashed就表示虚线；其它选择还有none：无样式；dotted：点线；solid：实线；double：双线；groove：槽线；ridge：脊线；inset：内凹；outset：外凸。
如何让html表格有虚线边框
可以用CSS样式和HTML标签元素实现，我们选择几个常用标签对齐设置边框虚线效果：
1、html常用标签：
p标签
span
ul li
table tr td
2、实例用到CSS属性单词：
border
width
height
3、实现虚线的CSS重点介绍：
border为边框属性，如果要实现对象边框效果，要设置边框宽度、边框颜色、边框样式（实线还是虚线）：
border:1px dashed #F00 这个就是设置边框样式宽度为1px，虚线，虚线为红色。
4、实例描述：
我们对以上几个标签设置相同宽度、相同高度、边框效果。
5、完整HTML代码：
!DOCTYPE?html?
html?
head?
meta?charset="utf-8"?/?
titlehtml边框虚线演示/title?
style?.bor{border:1px?dashed?#F00;width:300px;height:60px;margin-top:10px}?span{display:block}/*css注释说明：让span形成块*/?
/style?
/head?
body?
p?class="bor"p盒子/p?
span?class="bor"span盒子/span?
ul?class="bor"?
liul?li列表/li?
liul?li列表/li?
/ul?table?class="bor"?
tr?
td表格/td?
td表格2/td?
/tr?
tr?
td数据/td?
td数据2/td?
/tr?
/table?
/body?
/html
效果图：
怎么在html代码中画虚线
你可以参考 border-style 的属性 。用hr 标记 border的属性为虚线就可以了
hr style="border:1px dashed #ff0000"/
或者更多专爨业解答前端学xí群 497187010
none 定义无边框。
hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
solid 定义实线。
douВLe 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。