HTML：fieldset，元素分组

<fieldset> 标签可以将表单内的相关元素分组。<legend> 标签为 <fieldset> 元素定义标题。

常规用法：

<fieldset>
    <legend>个人简介</legend>
    <p>昵称：helang</p>
    <p>职业：web前端工程师</p>
    <p>邮箱：helang.love@qq.com</p>
</fieldset>

大家肯定对上图的样式不陌生，通常都是使用 <div> + <hr> 方式来做遮挡和偏移实现，使用 <fieldset> 能更快更好的实现该效果

<fieldset style="text-align: center;border: none;border-top: #999 solid 1px;color: #333;">
    <legend style="padding: 0 10px;">快捷登录</legend>
</fieldset>

作者：黄河爱浪 QQ：1846492969，邮箱：helang.love@qq.com

公众号：web-7258，本文原创，著作权归作者所有，转载请注明原链接及出处。

更多精彩文章，请扫下方二维码关注我的公众号