你的位置:首页 > 软件开发 > 网页设计 > CSS之详解:active选择器

CSS之详解:active选择器

发布时间:2016-12-04 03:00:13
Active的一段话 active的英文解释为“积极的”,表现在鼠标上就是点击的意思。关于active选择器最多的示例恐怕就是应用在链接上面的,然而打开链接是一个一瞬间的动作,这不能很好的体现active选择器的特点。 Active的特点其实我们打开一个带有active链 ...

Active的一段话

 active的英文解释为“积极的”,表现在鼠标上就是点击的意思。关于active选择器最多的示例恐怕就是应用在链接上面的,然而打开链接是一个一瞬间的动作,这不能很好的体现active选择器的特点。

 

Active的特点

其实我们打开一个带有active链接,激活acive是有一个过程的,就是点击模块后直到松开模块。如果我们不指定这个过程所花费的时间,笔者认为其默认花费零点几秒。

<!DOCTYPE html><html> <head>  <title>a</title>  <meta name="content-type" content="text/html; charset=UTF-8">   <style>   a{    display:block;    width:30px;    margin:20px;    border-radius:8px;    padding:20px 50px;    text-align:center;    background:green;   }   a:active{    background:indigo;   }  </style> </head>  <body>  <a href="paris.jpg">link</a> </body></html>

原标题:CSS之详解:active选择器

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。