其他分享
首页 > 其他分享> > 前端学习记录6

前端学习记录6

作者:互联网

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
#camera {
width: 24px;
height: 24px;
border: 1px solid;
margin: 100px auto 0;
background: url("https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/searchbox/nicon-2x-6258e1cf13.png ") no-repeat;
background-size: 24px 96px;
background-position: 0 -48px;
}
#camera:hover{
background-position: 0 -72px;
}


</style>
</head>
<body>
<div id="camera"></div>

</body>
</html>

标签:记录,前端,100px,height,学习,camera,background,position,24px
来源: https://www.cnblogs.com/huzhibolibrary/p/15646881.html