css字体鼠标经过出横线

CSS字体鼠标经过出横线效果在页面设计中非常常见，它可以为页面增添亮点，让鼠标经过的文字更加醒目。下面我们就来介绍一下如何实现这个效果。

/* CSS代码 */
a:hover{
    text-decoration:underline;
}

代码中我们使用了:hover伪类选择器，它表示当鼠标悬停在a标签上时会触发样式。而我们所设置的样式为text-decoration属性的值为underline，这意味着当鼠标经过时，文字就会出现一条下划线。这是页面设计中常见的一种效果，它不仅可以应用于链接文字，也可以用在其他位置，比如重要提示信息的加粗显示。

此外，我们还可以通过font-weight、font-style等属性来调整字体样式，让文字在鼠标经过时呈现不同的效果。比如可以通过以下代码让文字变为斜体：

/* CSS代码 */
a:hover{
    text-decoration:underline;
    font-style: italic;
}

通过这种方式，我们可以实现更丰富的字体效果，让页面更加有趣和有吸引力。