[分享]css3手机端点击样式属性

CSS3在手机端的使用逐渐流行起来，其中包括了很多新的属性和特效。这篇文章将会为大家介绍CSS3手机端点击样式属性：/定义点击状态下的背景颜色和文本颜色/ a:active{ backgroundco...

CSS3在手机端的使用逐渐流行起来，其中包括了很多新的属性和特效。这篇文章将会为大家介绍CSS3手机端点击样式属性：

/*定义点击状态下的背景颜色和文本颜色*/
a:active{
  background-color: blue;
  color: white;
}

/*定义链接的点击效果*/
a{
  text-decoration:none;
  outline:none;
}
a:hover{
  text-decoration:none;
} 

CSS3中的a:active属性可以定义用户在点击链接时的状态，例如定义链接被点击后的背景颜色和文本颜色等。而a:hover可以定义链接被鼠标悬浮时的效果，例如定义鼠标悬浮在链接上时的文本颜色等。

此外，使用text-decoration:none属性可以去除链接默认的下划线，而outline:none可以去除点击时的虚线框。

在手机端开发中，以上属性可以使网页的交互效果更加友好，为用户带来更好的体验。