CSS网页布局教程:CSS伪类定义3种方法

enjoyabandon4

enjoyabandon4

2016-02-19 23:40

下面图老师小编跟大家分享一个简单易学的CSS网页布局教程:CSS伪类定义3种方法教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

(本文来源于图老师网站,更多请访问https://m.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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CSS网页布局教程:CSS伪类定义3种方法

Web开发
CSS网页布局教程:CSS伪类定义3种方法

css教程:网页布局

Web开发
css教程:网页布局

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

css伪类伪元素

Web开发
css伪类伪元素

CSS垂直居中网页布局实现的5种方法

Web开发
CSS垂直居中网页布局实现的5种方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:通过实例学习CSS布局网页

Web开发
CSS教程:通过实例学习CSS布局网页

css布局实例:网页布局的方法

Web开发
css布局实例:网页布局的方法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS教程:网页中多个样式表顺序问题

CSS教程:网页中多个样式表顺序问题

If through time through love倘若时光看透爱

If through time through love倘若时光看透爱
下拉加载更多内容 ↓