建站知识
网站设计知识 网站建设知识 网络营销知识 微信资讯 常见问题 网站备案 近期客户网站建设套餐
标准型网站建设 精美型网站建设 营销型网站建设 高端品牌网站建设 电子商务型网站建设 行业门户型网站建设 手机网站建设 微信网站建设如何去掉网页设计中超链接的下划线
来源:征帆网络 作者:ymars 日期:2012-10-22
我们可以用CSS语法来控制超链接的形式、颜色变化。
下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划
线,显示为绿色。
实现方法很简单,在源代码的和之间加上如下的CSS语法控制:
<style type="text/css">
<!--
a:link { text-decoration: none;color: blue}
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参数表示超链接的文字有下划线
同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。
上一篇:谈谈网页设计何所谓“大气”
下一篇:未来网页制作发展趋势是什么样的?