<head>
<meta charset="utf-8">
<style type="text/css">
.a{
width: 200px
height: 200px
border:20px solid transparent
border-image: url(images/border.png) 27 round
}
</style>
</head>
<body>
<div class="a"></div>
</body>
动态调整怕是要配合js<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.mybox {
background-color: cornflowerblue
width: 100px
height: 100px
margin: 10px
float:left
}
.bbox {
width: 100px
height: 100px
margin: 10px
float:left
}
</style>
</head>
<body>
<div style="width:500px">
<div >
<div class="mybox">1</div>
<div class="mybox">2</div>
<div class="mybox">3</div>
<div class="mybox">4</div>
<div class="mybox">m</div>
<div class="bbox">m</div>
<div class="bbox">m</div>
<div class="mybox">m</div>
<div class="mybox">m</div>
<div class="bbox">m</div>
<div class="bbox">m</div>
<div class="mybox">m</div>
<div class="mybox">a</div>
<div class="mybox">b</div>
<div class="mybox">c</div>
<div class="mybox">d</div>
</div>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）