• 技术文章 >web前端 >html教程

    HTML设置水平分割线_html/css_WEB-ITnose

    2016-06-21 09:05:24原创2785
    在Web中使用水平分割线可以分割不同的文字段落或者其它网页组件,轻松地修饰了段落排版,使之更美观。当然,水平分割线还可以更加明显地突出某一段重要的文字,使之更加醒目。

    使用


    标签可以轻松地设置一条水平线。方法如下:

    HTML设置水平分割线

    1. HTML设置一条水平分割线


    这是水平分割线的最基本应用。它是居中对齐的。

    2. HTML设置水平分割线的宽度


    水平分割线的宽度为像素(px)或者相对于屏幕宽度的百分比(%)。比如:



    3. HTML设置水平分割线的粗细


    水平分割线的粗细单位仍然是像素(px)。

    4. HTML去掉水平分割线的阴影


    一般情况下,水平分割线是带有阴影的,具体显示为一条突出的或者凹下去的线条。使用此属性,可以去掉分割线的阴影,使之成为一条无阴影效果的实心线。

    5. HTML设置水平分割线的对齐方式


    水平分割线的对齐方式默认为居中对齐。使用align属性可以改变它的对齐方式。并且只有当它的宽度设置小于屏幕的宽度时,才会显示出对齐方式的设置效果。

    6. HTML设置水平分割线的颜色


    可以给水平分割线设置不同的颜色。

    7. HTML设置水平分割线的title属性


    当浏览者将鼠标悬停在分割线上时会出现属性值设置的提示内容。

    8. HTML水平分割线的综合应用


    可以分别设置


    的属性:size、width、align、color和noshade等。属性不用全部设置,而是根据需要选择某些属性进行设置,未设置的属性浏览器会以默认的方式显示。

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:CSS样式有什么规定吗?_html/css_WEB-ITnose 下一篇:css中的伪类和伪元素_html/css_WEB-ITnose
    Web大前端开发直播班

    相关文章推荐

    • 带你了解HTML5 SVG,看看怎么绘制自适应的菱形• html5中块状元素怎么转换为其他元素• html5中元素能拉伸宽度吗• html +CSS+div学习――第二课_html/css_WEB-ITnose• 有关CSS的一些事_html/css_WEB-ITnose

    全部评论我要评论

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

    PHP中文网