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

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

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

    在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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:es6 some方法是干什么的 下一篇:css中有几种样式
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• HTML5+CSS3动态画出一个大象• 如何使用HTML5+CSS3动态画一个笑脸• 炫酷!CSS创建响应式堆叠卡片悬停效果• 一招教你使用css3制作按钮添加动态效果(代码分享)• 让网站更酷炫的CSS filter使用小技巧,值得收藏!
    1/1

    PHP中文网