a { color: blue; /*超链接默认蓝色*/ text-decoration: none; /*去掉下划线*/ font-weight: bold; /*字体加粗*/ } a:hover { color: red; /*鼠标悬停时字体变成红色*/ text-decoration: underline; /*加下划线*/ }
以上代码中,大家使用了标签选择器,指定了超链接的默认样式。首先,大家将超链接的颜色设置为蓝色,并使用text-decoration属性将下划线去掉并加粗字体。接下来,大家使用:hover伪类选择器,并将字体颜色变成红色,同时再次加入下划线,让用户在鼠标悬停时更加清晰地感知链接的存在。
当然,以上只是CSS美化超链接的基础配置,你可以根据自己的需求对样式进行更加丰富的定制。这样做可以为用户带来更好的体验,提高网站的可用性。