css之下划线的几种写法

1.给上面的div设置边框的底部

margin: 15px 30px;
border-bottom: 1px solid #dddddd;

 

 2.单独给下划线一个div  设置高度 和 背景颜色

 .line {
    margin-top: 18px;
    height: 1px;
    background-color: #e7e7e7;
    width: 100%;
}

3.给下划线一个div  设置边框

 

.lineBox{
    width: 100%;
    height: 1px;
    border: dashed 0.5px #e4e4e4;
}