在网页编程中，可以通过以下几种方法为元素添加下划线：
使用CSS伪类选择器 `::before` 和 `::after`
创建一个类名，例如 `.underline`。
在该类中，使用 `::before` 和 `::after` 伪类选择器来创建下划线效果。
使用 `transform: scaleX（0）` 初始状态下隐藏下划线，使用 `transform: scaleX（1）` 在鼠标悬浮时显示下划线，并通过 `transition` 属性添加过渡效果。
示例代码：
```css
.underline {
position: relative；
}
.underline::before,
.underline::after {
content: ""；
position: absolute；
left: 0；
bottom: -2px；
width: 100%；
height: 2px；
background-color: 000；
}
.underline::before {
transform: scaleX（0）；
}
.underline:hover::before {
transform: scaleX（1）；
transition: transform 0.3s ease-in-out；
}
```
使用CSS `border-bottom` 属性
创建一个类名，例如 `.underline`。
在该类中，使用 `border-bottom` 属性来设置下划线样式，包括宽度、样式和颜色。
可以通过 `:hover` 伪类选择器来改变下划线颜色，实现鼠标悬浮时隐藏下划线的效果。
示例代码：
```css
.underline {
border-bottom: 2px solid 000；
}
.underline:hover {
border-bottom-color: transparent；
}
```
使用HTML `text-decoration` 属性
在HTML元素中，使用 `style` 属性或外部/内部样式表来设置 `text-decoration` 属性为 `underline`，从而为文本添加下划线。
示例代码（内部样式表）：
```html
```
示例代码（内联样式）：
```html
这是带下划线的文本
```
使用HTML `u` 标签
在HTML中，可以使用 `` 标签来为文本添加下划线，但这种方法已经较为古老，不推荐使用。
示例代码：
```html
这是带下划线的文本
```
根据具体需求和项目风格，可以选择最适合的方法来实现下划线效果。现代网页设计中，推荐使用CSS方法，因为它们提供了更多的样式控制和更好的性能。