学做网站培训课程介绍

当前位置：

HTML水平线 HR标签

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

选择课程播放速度：

HTML水平线 HR标签介绍

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

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

HTML水平线 HR标签使用实例

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

HTML水平线 HR标签用法

内容1
<hr />
内容2

HTML水平线 HR标签属性

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

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

《“HTML水平线 HR标签”》 有 4 条评论

  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

    颜色变化 可以这么写

    回复

发表评论

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

相关教程

  • 网页设计学习必备：颜色名称和HTML代码对照表 (124629 次浏览)
    学做网站时，经常要修改代码，很多时候需要用到颜色代码，由于太多，不可能都记住，所以找到了一个带有中文颜色名称表示的颜色代码表，以便后期网页设
  • 常用的HTML标签有哪些 (132534 次浏览)
    什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符，就像一个人名字张三、李四代表人的姓名一样。这里说
  • CSS控制文字水平居中、垂直居中 视频教程 (112972 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中，需要使用text-align属性，其
  • CSS怎么控制DIV水平居中显示 视频教程 (112814 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI
  • HTML水平线 HR标签 视频教程 (1130142 次浏览)
    HTML水平线 HR标签介绍HR标签又叫做水平线标签。在做网站时，一个网页上同时出现多个不同主题的内容时，我们为了区分它们可以在不同的内容中间
  • Wordpress网站添加彩色标签云效果 图文教程 (123654 次浏览)
    Wordpress标签云是将网站里的标签附着不同的颜色，好像一个七彩的云一样，在自己建网站时，可以美化我们的网站。效果如下：我们在学习怎么做

课程目录