Posts Tagged ‘CSS’

网页中 CSS超级链接的几个属性

//链接文字移动
A { text-decoration: NONE; color: #28C7C7}
A:hover { position: relative; left:1px; top:1px; }

//去掉链接字体的下划线
A { text-decoration: NONE; color: #28C7C7}
A:hover {border-bottom:1px dashed #28C7C7}

//去掉链接字体的下划线
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}

//鼠标放在链接字体上的时候,链接字体变粗,
A { text-decoration: NONE; color}
A:hover {font-weight: bold;color}

去掉超级链接横线和超级链接定义 CSS

　　我们可以用CSS语法来控制超链接的形式、颜色变化。

　　下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。

　　实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：

　　<style type="text/">
　　 <!–
　　 a:link{text-decoration: none;color: black}
　　 a:active{text-decoration:blink}
　　 a:hover{text-decoration:underline;color: red}
　　 a:visited{text-decoration: none;color:green}
　　 –>
　　 </style>

　　其中：
　　a:link 指正常的未被访问过的链接；
　　a:active 指正在点的链接；
　　a:hover 指鼠标在链接上；
　　a:visited 指已经访问过的链接；
　　text-decoration是文字修饰效果的意思；
　　none参数表示超链接文字不显示下划线；
　　underline参数表示超链接的文字有下划线

Total:41234