CSS里面没有点击事件，只能控制鼠标移入的时候显示！
小案例：
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>CSS里鼠标点击div里的LI A时加上背景图片</title>
<style type="text/css">
div:hover>a{background: url(img/5.jpg)}
</style>
</head>
<body>
<div>
<a href="">百度知道</a>
</div>
</body>
</html>
案例截图：为进入
案例截图：进入
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
div:hover{background:redbackground-image:none}
div{display:blockbackground: url(images/caterCreate.jpg) left center no-repeatwidth:400pxheight:400px}
</style>
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
})
</script>
</head>
<body>
<div>
</div>
</html>
效果图如下：
不要谢我，我叫雷哄
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）