• 技术文章 >web前端 >前端问答

    css hr是什么意思

    藏色散人藏色散人2021-06-01 11:00:04原创70

    css hr指的是<hr>标签,该定义HTML页面中的主题变化,并显示为一条水平线;<hr>元素被用来分割HTML页面中的内容或者定义一个变化。

    本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

    css hr是什么意思?

    <hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。

    <hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。

    HTML 4.01 与 HTML5之间的差异

    在 HTML5 中,<hr> 定义内容中的主题变化,并显示为一条水平线。

    在 HTML 4.01 中,<hr> 标签仅仅显示为一条水平线。

    在 HTML 4.01 中,所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式。

    HTML 与 XHTML 之间的差异

    在 HTML 中,<hr> 标签没有结束标签。

    在 XHTML 中,<hr> 标签必须被正确地关闭,比如 <hr />。

    属性

    d0f98263714859de8697e7fe1275ee3.png

    代码示例:

    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    </head>
    <body>
    
    <h1>HTML</h1>
    <p>HTML 是用于描述 web 页面的一种语言。</p>
    
    <hr>
    
    <h1>CSS</h1>
    <p>CSS 定义如何显示 HTML 元素。</p>
    
    </body>
    </html>

    效果:

    d0f98263714859de8697e7fe1275ee3.png

    推荐学习:《css视频教程

    以上就是css hr是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css怎么让字体变大 下一篇:css3是什么意思
    第16期线上培训班

    相关文章推荐

    • css3怎么实现强制不换行• css怎么写圆形• 详解CSS contain新特性如何控制页面重绘与重排• css怎么设置黑体字• css怎么让字体变大

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网