您现在的位置是:网站首页> 编程资料编程资料
CSS网页布局教程:CSS伪类定义3种方法_CSS布局实例_CSS_网页制作_
2021-09-09
867人已围观
简介 网页制作Webjx文章简介:在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。 在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。到底该如何正确的定义CSS伪类呢?虽然webjx中有很多相关的介绍,但复习一下也无妨。大家看下
在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。
在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。到底该如何正确的定义CSS伪类呢?虽然jb51中有很多相关的介绍,但复习一下也无妨。大家看下面的代码就能明白。
a.jb51com{text-decoration:none;}
a.jb51com:link{color:#f90;}
a.jb51com:hover{color:#fff;background-color:#FF5900;}
a.jb51com:active{color:#FF5900;}
第一种写法 -
a .nav2 {color: #777;text-decoration: none;}
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}
.wwwjb51 a {text-decoration: none;color: #ccc; }
.wwwjb51 a:visited {color: #ccc;}
.wwwjb51 a:hover {color: #f60;}
第三种写法 -
相关内容
- CSS常见的让元素水平居中显示的方法_CSS教程_CSS_网页制作_
- CSS实例:用CSS制作网页像素画_CSS教程_CSS_网页制作_
- CSS实现绝对的完美圆角框_CSS教程_CSS_网页制作_
- WebKit中可用的CSS高级特性_CSS教程_CSS_网页制作_
- CSS3教程:新增加的结构伪类_css3_CSS_网页制作_
- padding与line-height的区别_CSS教程_CSS_网页制作_
- 网页布局绝对定位(position)轻松简单_CSS布局实例_CSS_网页制作_
- 条件CSS的高级用法_CSS教程_CSS_网页制作_
- CSS学习之css代码的简写的十条规则_CSS教程_CSS_网页制作_
- CSS学习之CSS网页制作的10个技巧_CSS教程_CSS_网页制作_