1. 程式人生 > >border-image的拉伸和平鋪

border-image的拉伸和平鋪

和平 head url border text etc ret height idt

<!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>

border-image的拉伸和平鋪