文章目录 [+]
第一种
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div,img,div{margin:0;padding:0;}
.imgg{position: relative;padding-top: 100%;background-color: red;}
img{position: absolute;left:0;top:0px;width:100%;height:100%;}
</style>
</head>
<body>
<div style="width:700px;border:1px solid #000">
<div>
<img src="2.jpg" alt="">
</div>
</div>
</body>
</html>
第二种
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div style="position: relative;width:400px;">
<div style="padding-top: 100%;border:1px solid #000"> </div>
<span style="display: block;background:url(2.jpg);position: absolute;top:0px;left:0px;width:100%;height: 100%"></span>
</div>
</body>
</html>
还没有评论,来说两句吧...
发表评论中国互联网举报中心