前端设置元素下边框

要设置元素的下边框，可以使用CSS的border-bottom属性。以下是设置下边框的一些常用方法：

1. 使用简写属性设置下边框的样式、宽度和颜色：

.element {
  border-bottom: 1px solid black;
}

这将会给元素添加一个1像素宽度的黑色实线下边框。

2. 分别设置下边框的样式、宽度和颜色：

.element {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: black;
}

这将会给元素添加一个1像素宽度的黑色实线下边框。

3. 使用CSS伪类选择器设置只有在特定条件下才显示下边框，例如当鼠标悬停在元素上时：

.element:hover {
  border-bottom: 1px solid black;
}

这将会在鼠标悬停在元素上时显示一个1像素宽度的黑色实线下边框。

4. 使用CSS选择器选择特定的元素并设置下边框：

.element:nth-child(2) {
  border-bottom: 1px solid black;
}

这将会选择父元素的第二个子元素，并给它添加一个1像素宽度的黑色实线下边框。

这些是设置元素下边框的一些常用方法，你可以根据需要选择适合你的情况的方法进行设置