码迷,mamicode.com
首页 > Web开发 > 详细

超链接CSS样式

时间:2018-08-03 20:45:40      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:head   点击   ref   定义   代码   一行代码   cti   :link   ann   

在网页中调用CSS的方法:在<head></head>之间加入以下一行代码

<link href="http://pannijingling.blog.163.com/blog/css/yangshi.css" rel="stylesheet" type="text/css" />
a:active是超级链接的初始状态
a:hover是把鼠标放上去时的状况
a:link 是鼠标点击时
a:visited是访问过后的情况
链接定义的顺序是link,visited,active,hover,为了页面的美观,一般只用link和hover就可以了

<style type="text/css">
    a:link {
        color: #0000FF;
        text-decoration: none;
    }
    a:visited {
        color: #00FF00;
    }
    a:hover {
        color: #FFCC00;
    }
    a:active {
        color: #FF0000;
        text-decoration:none;
    }
</style>

超链接CSS样式

标签:head   点击   ref   定义   代码   一行代码   cti   :link   ann   

原文地址:http://blog.51cto.com/1197822/2154225

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!