a { color: red; /* 设置链接文字的颜色 */ text-decoration: none; /* 取消下划线 */ } a:hover { color: blue; /* 鼠标悬浮时改变链接文字的颜色 */ text-decoration: underline; /* 增加下划线 */ } a:visited { color: green; /* 设置已访问链接文字的颜色 */ }
通过以上代码,大家可以设置未访问链接文字的颜色为红色,鼠标悬浮时改变颜色为蓝色并添加下划线,已访问链接文字的颜色为绿色。
需要注意的是,以上属性设置的优先级是:
- inline样式
- ID选择器(#id)
- 类选择器(.class)
- 类型选择器(element)
- 通配符选择器(*)
因此,如果想要更改特定链接的样式,可以通过ID或类来选择。
#nav a { color: white; font-weight: bold; } a.internal { color: gray; }
在以上代码中,第一个选择器会选中所有位于ID为“nav”的元素中的链接,并将它们的文字颜色设置为白色,字体加粗。第二个选择器会选中所有类名为“internal”的链接,并将它们的颜色设置为灰色。
总之,在CSS中,通过选择器和属性,大家可以轻松地控制链接的样式,让网页更美观、易于浏览。