零基础建站培训教程介绍

当前位置：

HTML水平线 HR标签

以下为学做网站论坛关于“HTML水平线 HR标签”讲解视频教程。

HTML水平线 HR标签介绍

HR标签又叫做水平线标签。

在做网站时，一个网页上同时出现多个不同主题的内容时，我们为了区分它们可以在不同的内容中间加一个水平线把它们分开，这时就可以用到HTML水平线HR标签了。

HTML水平线 HR标签使用实例

HR标签与我们之前讲的 Br 换行标签外观很像，也都属于单个标签。

HTML水平线 HR标签用法

内容1
<hr />
内容2

HTML水平线 HR标签属性

水平线标签默认情况下，水平线标签画出的水平线是灰色的，高度为1px,但是我们也可以去设置它的属性来控制它的样式，赶快自己去试试吧，画出一个漂亮的水平线。

例如：
width----设置它的宽度
height-----设置水平线的高度
color------设置水平线的颜色

4条回应：“HTML水平线 HR标签”

  1. 学习建网站学员 竹吟风雨说道：
    2017年7月11日 下午1:39

    老师，您好！请问为什么我输入水平线标签后 保存打开后水平线是显示蓝色的，但是实心却是空白的，为什么呀？

    回复
  2. 学做网站论坛讲师 学做网站讲师说道：
    2017年7月12日 上午11:07

    水平线标签为

    <hr />

    ，默认情况下水平线的颜色为灰色，如果想控制水平线的样式，可以这样写

    <hr style="color:red" />
    回复
    • 学习建网站学员 深圳王龙建说道：
      2018年9月25日 上午10:50

      老师，这段设置水平线颜色的代码在DW软件的设计模式下是有显示颜色，但是在DW软件的实时视图模式以及在360se浏览器上预览的时候就是默认的灰色水平线了，我开始还以为是代码有误，一直想不通怎么会在预览的时候没有发生任何变化

      回复
  3. 学习建网站学员 广州吴奇隆说道：
    2019年4月2日 下午3:05

    颜色变化 可以这么写

    回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注

学做网站论坛零基础学建网站课程

最新教程

  1. 什么是HTML
  2. 什么是a标签 a标签怎么用
  3. HTML文字粗体标签
  4. HTML换行标签（br标签）
  5. HTML标题标签（H标签）
  6. HTML字体标签（font标签）
  7. HTML图片标签（img 标签）
  8. HTML滚动标签（marquee标签）
  9. HTML段落 P标签
  10. HTML列表标签（ul标签 ol标签）

热门教程

  1. 296937次阅读
    学做网站论坛零基础建站培训课程介绍
  2. 254896次阅读
    论坛VIP学员网站制作课程分解
  3. 284523次阅读
    什么是SEO,网站排名优化课程介绍
  4. 139434次阅读
    HTML列表标签（ul标签 ol标签）
  5. 141902次阅读
    HTML图片标签（img 标签）
  6. 140743次阅读
    HTML滚动标签（marquee标签）
  7. 146716次阅读
    HTML标题标签（H标签）
  8. 152184次阅读
    什么是a标签 a标签怎么用
  9. 144527次阅读
    HTML换行标签（br标签）
  10. 139829次阅读
    HTML段落 P标签