<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box{
width: 300px;
height: 300px;
border: 1px solid black;
/*!*background-color: red;*!*/
/*background-image: url("./images/111.jpg");*/
/*!*默认图片会重复,no-repeat 设置不重复*!*/
/*background-repeat: no-repeat;*/
/*!*background-position: 20px 50px;*!*/
/*background-size: 100% 100%;*/
/*简写*/
background: url("./images/111.jpg") no-repeat 20px 50px;
/*background-size: 80% 50%;*/
}
.box02{
width: 95px;
height: 95px;
border: 1px solid black;
background: url("./images/timg.jpg") -413px -298px;
}
</style>
</head>
<body>
<div class="box">
</div>
<div class="box02">
</div>
</body>
</html>
07-背景属性
猜你喜欢
转载自blog.csdn.net/return_min/article/details/103821171
今日推荐
周排行