<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.nav{
position: relative;/*子绝父相*/
height: 350px;
width: 350px;
margin:0 auto;
}
.nav:hover::before{/*鼠标进过前面插入一个为元素*/
border: 10px solid red;
content: "";
width: 100%;
height: 100%;
display: block;
position:absolute;
box-sizing: border-box;/*把padding和border都加入width*/
}
</style>
</head>
<body>
<div class="nav">
<img src="img/my%20.jpg" alt="">
</div>
</body>
</html>
css当鼠标放到图片加边框的效果
最新推荐文章于 2022-06-17 18:04:58 发布