border-image的拉伸和平铺

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<style type="text/css">

 #rd,#st{   height:100px;   border-width:30px;}  

#rd{    border-image:url(5.3%20%E8%AF%BE%E5%A0%82/images/border.png) 20 stretch;}   

#st{     border-image:url(5.3%20%E8%AF%BE%E5%A0%82/images/border.png) 20  round;}

</style>

</head>

<body>

<div id="rd"></div> <div id="st"></div>

</body>

</html>

posted @ 2017-05-04 23:17  阿伦am  阅读(759)  评论(0)  编辑  收藏  举报