《
分享html页面中不同链接的不同样式的css代码》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233V32013.htm
超链接的样式有：
复制代码
代码如下:
2、div定义命名：
--> [
网站建设之]分享html页面中不同链接的不同款式的css代码
然而有的时候为了一些效果，想要设置一些针对某些特别连接的样式，就须要在CSS中持续进行加工了。常用的方式有：
在调用途写other即可，同样方式，还可以起其它名字
div.other a:link{……},分享CSS清理浮动方式更简洁的方案,a:visited{……},a:hover{……},a:active{ text-decoration:none;
color:#eefffe;
font-size:28;
}
复制代码
代码如下:
a:link 链接未点击上去时候
a:visited 链接已经点击过的
a:hover 鼠标放在链接上未点击
a:active 是介于hover visited 之间的一个状态，能够说是链接被按下时候的状况
大家都晓得想要设置同一的连接样式，只有在css文件中设置a:link,a:visited,ahover,a:active就行了。可以设置全局的连接样式。比方：
复制代码
代码如下:
Tag：不同 代码 样式 链接 页面 分享 ,
分享CSS模拟小箭头的实现代码 ;
复制代码
代码如下:
,分享CSS模拟小箭头的实现代码;
1.增添衔接样式命名：
注：IE下的写法在Chrome中有着同样的后果，Chrome中的写法在IE下有时可能不起作用
<!--IE下写法-->
a.a1{ color: #FF0000,分享CSS样式作弊方法; text-decoration: none;}
a.a1:visited { color: #FF0000; text-decoration: none;}
a,分享CSS写的网页导航向上箭头.a1:hover { color: #606060; text-decoration: underline;}
a.a1:active { color: #606060; text-decoration: underline;}
<!--chrome阅读器下写法-->
a.a1:link { color: #FF0000; text-decoration: none;}
a.a1:visited { color: #FF0000,分享9个网页制作常用技巧; text-decoration: none;}
a.a1:hover { color: #606060; text-decoration: underline;}
a.a1:active { color: #606060; text-decoration: underline;}
<!--chrome浏览器下可以将链接原始属性都写在a:link中，IE内核的浏览器中链接的原始属性中除下划线之外的属性需写在a中-->
a {
font-size: 12px;
color: #4C4C4C,分享25个CSS网页设计常用技巧;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #990000;
}
a:hover {
text-decoration: underline;
color: #0D488C;
}
a:active {
text-decoration: none,几种常见的SEO作弊方法;
color: #0D488C;
}
调用a1即可，同样方法可以定义a2,几个简单而且实用的网站设计技巧,a3……或你本人起的名字（a1,a2……为我自己起的名字）
,几个漂亮的Button的CSS代码;
(责任编辑：网站建设)
分享html页面中不同链接的不同样式的css代码相关文章