• 技术文章 >web前端 >前端问答

    css怎么设置正在访问的链接背景

    青灯夜游青灯夜游2021-09-10 16:11:32原创99

    在css中,可以利用“:active”选择器和background属性来设置正在访问的链接背景,只需要给链接添加“a:active{background:颜色值/url('图片url');}”样式即可设置正在访问时链接的背景颜色或背景图片。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    css设置正在访问的链接背景

    在鼠标点击链接时,设置其背景颜色为黄色。

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<style type="text/css">
    			a:active {
    				background: yellow;
    				/* background:url(img/1.jpg); */
    			}
    		</style>
    	</head>
    	<html>
    		<body>
    			<a href="#">链接</a>
    		</body>
    	</html>

    效果图:

    1.gif

    说明:

    :active 选择器可以设置当你点击链接时的样式。

    当你点击一个链接时它变成活动链接,而:active会向活动的链接添加特殊的样式。

    提示: :link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式, :hover 选择器当有鼠标悬停在其上的链接样式。

    注意: 为了产生预期的效果,在CSS定义中,:active必须位于:hover之后!!

    推荐教程:《CSS视频教程

    以上就是css怎么设置正在访问的链接背景的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:es6 some方法是干什么的 下一篇:css中有几种样式
    线上培训班

    相关文章推荐

    • HTML5+CSS3动态画出一个大象• 如何使用HTML5+CSS3动态画一个笑脸• 炫酷!CSS创建响应式堆叠卡片悬停效果• 一招教你使用css3制作按钮添加动态效果(代码分享)• 让网站更酷炫的CSS filter使用小技巧,值得收藏!

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网