css控制hr样式 css控制颜色

CSS如何定义HR水平线样式

通过设置HR的属性来控制标签的水平线的长度跟颜色，width= 来控制为宽度，color= 来控制水平线的颜色。hr width=宽度 color=颜色宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。

成都创新互联公司主营河东网站建设的网络公司,主营网站建设方案,成都APP应用开发,河东h5小程序定制开发搭建,河东网站营销推广欢迎河东等地区企业咨询

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。

首先新建html文档，输入html5标准声明，如图所示。然后输入html基本网页结构，如图所示。接着输入hr标签hr是水平线，是单边标记，如图所示。hr标签的常用属性，Size：设置水平线的粗细。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。如下这个示例：htmlbodyphr 标签定义水平线：/phr /p这是段落。/phr /p这是段落。/phr /p这是段落。

hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。

在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。

启动Dreamweaver，打开要修改的网页；设计视图下点击要修改的水平线，下方属性面板点击右侧快速标签编辑器按钮；弹出浮动的编辑标签窗口，在原有hr后输入color=“颜色代码”，如下图：按F12打开浏览器预览效果。

hr width=宽度 color=颜色宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。hr 标签在 HTML 页面中创建一条水平线。

首先打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html的body标签中，添加代码：hr/。浏览器运行index.html页面，此时成功在html中画了一条线。

用border-bottom设置下划线，可设置其颜色、粗细。下划线的长度通过设置空内容的width属性来实现，还可以通过margin-top调整下划线与文字的距离。

hr 标签的厚度可以使用CSS中的height属性设置；最小高度可以是1px，因为可用的最小单位是1像素。也可以使用CSS属性来设置hr 标签的样式以使hr标签在外观上更加美观。

，hr 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。如下这个示例：htmlbodyphr 标签定义水平线：/phr /p这是段落。

分享标题：css控制hr样式 css控制颜色
标题来源：http://azwzsj.com/article/dgcsjsg.html