为了页面美化好看,设计师经常设计一些模块的分割线样式,常见的就是文字在中级,两边虚线展示效果,html可访问性测试,还有一些就是语义化需求低调的分割线试下思路和代码: 以下分割线是页面中常见的一种排版分割显示.(当然还有很多其他的实现思路和方法的)

<fieldset>
    <legend align="center">低调的分割线</legend>
</fieldset>

样式代码:

fieldset{
        width:980px;
        margin:30px auto;
        border:0;
        border-top:1px dashed #ccc;
    }
    legend{
        color:#999;
        background-color:#fff;
    }