要配合hover使用text-decoration,可以通過CSS來實現。例如,當鼠標懸停在一個鏈接上時,可以改變鏈接的文本裝飾樣式,比如改變顏色、下劃線等。
以下是一個示例代碼:
<!DOCTYPE html>
<html>
<head>
<style>
a {
text-decoration: none; /* 初始狀態下去掉鏈接的下劃線 */
color: blue; /* 鏈接的初始顏色 */
}
a:hover {
text-decoration: underline; /* 鼠標懸停時添加下劃線 */
color: red; /* 鼠標懸停時改變顏色 */
}
</style>
</head>
<body>
<a href="#">這是一個鏈接</a>
</body>
</html>
在上面的代碼中,當鼠標懸停在鏈接上時,鏈接的文本裝飾樣式會改變,包括添加下劃線和改變顏色。通過使用:hover偽類,可以在鼠標懸停時應用新的樣式。