你可以参考 border-style 的属性 。用hr 标记 border的属性为虚线就可以了 hr style=border：1px dashed #ff0000/ 或者更多专爨业解答前端学xí群 497187010 none 定义无边框。hidden 与 none 相同。
10年积累的成都网站设计、成都做网站、外贸网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有武宁免费网站建设让你可以放心的选择与我们合作。
Css只有一个hr标签可以生成水平线，如果要插入垂直虚线的话，只需要在左右边框定义宽度和样式即可。
打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
编程div style=width：200px；height：0px；border-top：1px black dashed； /。缺点，不能改变方向。
使用HTML标签来实现一条水平的虚线。拓展：使用HTML标签实现换行。
border：1px dashed #F00 这个就是设置边框样式宽度为1px，虚线，虚线为红色。实例描述：我们对以上几个标签设置相同宽度、相同高度、边框效果。
1、hr width=宽度 color=颜色 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。hr 标签在 HTML 页面中创建一条水平线。
2、在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。
3、hr 标签是 HTML 中的水平分割线标签，可以在网页中画出一条水平线条。你可以使用 style 属性来设置线条的颜色。
4、启动Dreamweaver，打开要修改的网页；设计视图下点击要修改的水平线，下方属性面板点击右侧快速标签编辑器按钮；弹出浮动的编辑标签窗口，在原有hr后输入color=“颜色代码”，如下图：按F12打开浏览器预览效果。
5、hrwidth=90%size=1color=red/说明：width=引号里为宽度，size=引号里为高度，color=水平线的颜色，noshade=noshade定义不投影，color=定义线条的颜色，align=设置对齐。
1、repeat是重复方式，可以不重复，或者垂直重复、水平重复或者全部重复。background-attachment：fixed；是用来固定图片不随鼠标滚动。
2、我们已经插入一个水平线了之后，选择水平线。鼠标右键找到编辑标签，快捷键是Shift+F5键。我们在标签编辑器里点击浏览器特定的。随后我们点击颜色。我这里选择一个红色好了。
3、启动Dreamweaver，打开要修改的网页；设计视图下点击要修改的水平线，下方属性面板点击右侧快速标签编辑器按钮；弹出浮动的编辑标签窗口，在原有hr后输入color=“颜色代码”，如下图：按F12打开浏览器预览效果。
4、插入一个水平线，选择水平线。鼠标右键找到编辑标签，快捷键是Shift+F5键。在标签编辑器里点击浏览器特定的。随后点击颜色。在dw中显示不出来，按F12在网页中预览。在网页中这便是一个红色的水平线。
hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。
hr width=宽度 color=颜色 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。hr 标签在 HTML 页面中创建一条水平线。
首先，打开html编辑器，新建html文件，例如：index.html，复制问题基础代码。
上边框和下边框），所以即使你把border设为1像素，但实际呈现的则是2像素的效果。
