父及元素定位方式position: relative;
四个角的图片定位为position: absolute;
<div class="box">
<div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
</div>
<style>
.box {
width: 200px;
height: 200px;
border: 1px solid black;
position: relative;
background-image:url(dialog.png);
/* 使用边框线 */
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
}
.top-left {