css 如何给div每一行都有一个下划线。

html-css015

css 如何给div每一行都有一个下划线。,第1张

题目的意思应该是，有很多行文字，想在这很多行文字下每一行都加个下划线。很多人答在盒子地下加下划线是不合适的，请认证审题。有2种方法1.text-decoration:underline2.把P标签改成span标签用border-bottom想改下划线位置可以用padding虽然过去好几年了，不过还是改一改吧。

css去掉下划线只要我们把text-decoration属性改成none就可以了。

并不是很难，在HTML中，我们可以使用u标签来加下划线，但是在css中我们只能使用text-decoration属性，我们想把下划线设置成红色，只要我们保持和字体的颜色相同就可以了。在css中，我们可以使用text-decoration属性来表示下划线和删除线等样式，首先我们要了解一下text-decoration属性。

text-decoration属性一共有五个值，分别是none，blink，underline，line-through，overline，其中underline就表示下划线。语法如下：

div{text-decoration:none}表示：一般去掉下划线

div{text-decoration:underline}表示一般添加下划线样式

div{text-decoration:line-through}一般表示贯穿线

div{text-decoration:overline}设置上划线样式

其实可以写个div，给div的下边框加上线条，控制div的长度就可以了

.token {

    width: 300px

    border-bottom: 1px solid black

}

<div class="token">外婆家私房菜:账户管理</div>