div中字体下面怎么画一条线,并把线下移

Question

如题所述

Answer 1

.under {
    text-decoration: underline;
}

会在每一个under为class的每一个字的下面画一条下划线，如果要下移则是需要每行添加一个标签然后使用border-bottom加上padding-bottom实现：

.under {
    border-bottom: 1px solid black;
    padding-bottom: 20px;/* 向下平移20像素单位长度 */
}