/* 设置中划线样式为红色 */ text-decoration: line-through red;
可以将这个样式应用于多种元素,如文本、链接和段落等。对于链接元素,建议添加:hover伪类以不同的方式突出显示不同的状态。
/* 默认情况下的链接中划线样式 */ a { text-decoration: line-through; } /* 鼠标悬停时的链接中划线样式 */ a:hover { text-decoration: none; }
除了text-decoration属性外,超链接还有其他几种属性可以更改链接的样式,包括颜色、hover颜色和visited颜色。这些属性可以在声明高级链接样式时使用:
a { color: #456; text-decoration: none; border-bottom: 1px solid #456; } a:hover { color: #C33; text-decoration: underline; border-bottom: 1px solid #C33; } a:visited { color: #93C; text-decoration: none; border-bottom: 1px solid #93C; }
在上面的代码中,大家为链接定义了一组CSS样式,其中包括链接颜色、无下划线以及一个带颜色下方的边框。鼠标悬停时,链接会有下划线,并且边框颜色会改变,而点击后就会变成已访问的颜色。