html <a> 标签的一些应用

原创于 2014-10-07 15:47:28 发布 · 471 阅读

CC 4.0 BY-SA版权

本文介绍了使用CSS来设置网页中各种链接的状态样式（如未访问、已访问、激活和鼠标悬停状态），并详细解释了如何通过text-decoration属性来控制链接文字的修饰效果（例如去除或添加下划线等）。

a:link {color: blue; text-decoration:none;} //未访问：蓝色、无下划线 
a:active:{color: red; } //激活：红色 
a:visited {color:purple;text-decoration:none;} //已访问：紫色、无下划线 
a:hover {color: red; text-decoration:underline;} //鼠标移近：红色、下划线


<pre name="code" class="html"><a href="" style="text-decoration:none">电信</a> <a href=""style="text-decoration:none">网通</a>//去下划线

text-decoration参数：
none : 　无装饰
blink : 　闪烁
underline : 　下划线
line-through : 　贯穿线

overline : 　上划线