如何控制HR标签制作的网页水平线的长度和颜色?

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

为通城等地区用户提供了全套网页设计制作服务，及通城网站建设行业解决方案。主营业务为网站制作、成都网站建设、通城网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

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

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

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

hr在css中怎么使用?

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

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

hr在chrome中默认是左对齐。在IE中默认是居中对齐，要想左对齐css中用text-align：left。

如何在HTML中设计hr即水平线的颜色??

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

在 HTML 中画一条绿色线条，你可以使用 hr 标签和 style 属性。hr 标签是 HTML 中的水平分割线标签，可以在网页中画出一条水平线条。你可以使用 style 属性来设置线条的颜色。

hrwidth=90%size=1color=red/说明：width=引号里为宽度，size=引号里为高度，color=水平线的颜色，noshade=noshade定义不投影，color=定义线条的颜色，align=设置对齐。

说明：水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。注释：在 HTML 中，hr 标签没有结束标签。在 XHTML 中，hr 必须被正确地关闭，比如 hr /。

文章名称：hr的css样式 设置了css样式但不显示
分享网址：http://kswjz.com/article/dgeccgd.html