700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 通过CSS样式修改超链接颜色下划线

通过CSS样式修改超链接颜色下划线

时间:2018-11-26 10:59:00

相关推荐

通过CSS样式修改超链接颜色下划线

HTML文件:

<style type="text/css">a:link {color:#000000;}/* 未访问链接*/a:visited {color:#00FF00;} /* 已访问链接 */a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */a:active {color:#0000FF;} /* 鼠标点击时 */</style>

CSS文件:

a:link{color:#000000;}/* 未访问链接*/a:visited {color:#00FF00;} /* 已访问链接 */a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */a:active {color:#0000FF;} /* 鼠标点击时 */

去掉下划线可以将a标签的text-decoration属性改为none的即可!

text-decoration:none;

示例:

<html> <head> <style type="text/css">a:link {color:#000000;}/* 未访问链接*/a:visited {color:#00FF00;} /* 已访问链接 */a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */a:active {color:#0000FF;} /* 鼠标点击时 */</style><title>test css</title> </head> <body> <a>this a label</a></body> </html>

以加载CSS文件方式

<html> <head> <link rel="stylesheet" href="wcss.css" type="text/css" /> <title>test css</title> </head> <body><a>this a label</a> </body></html>

非常简单!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。