下面图老师小编跟大家分享一个简单易学的CSS网页布局教程:CSS伪类定义3种方法教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!
【 tulaoshi.com - Web开发 】
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。到底该如何正确的定义CSS伪类呢?虽然webjx中有很多相关的介绍,但复习一下也无妨。大家看下面的代码就能明白。
a.webjxcom{text-decoration:none;}
a.webjxcom:link{color:#f90;}
a.webjxcom:hover{color:#fff;background-color:#FF5900;}
a.webjxcom:active{color:#FF5900;}
a href="http://www.webjx.com/" class="webjxcom"第一种写法 - 网页教学网/a
a .nav2 {color: #777;text-decoration: none;}
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}
a href="http://www.webjx.com/"
span class="nav2"第二种写法 - 网页教学网/span
/a
.wwwwebjx a {text-decoration: none;color: #ccc; }
.wwwwebjx a:visited {color: #ccc;}
.wwwwebjx a:hover {color: #f60;}
span class="wwwwebjx"
a href="http://www.webjx.com/"第三种写法 - 网页教学网/a
/span
来源:http://www.tulaoshi.com/n/20160219/1630365.html
看过《CSS网页布局教程:CSS伪类定义3种方法》的人还看了以下文章 更多>>