唐家三少,好看的课外书,风凌天下

源代碼:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Wfuyu教程(wfuyu.com)</title> 
<style> 
div
{
	border:15px solid transparent;
	width:250px;
	padding:10px 20px;
}

#round
{
	-webkit-border-image:url(/statics/images/course/border.png) 30 30 round; /* Safari 5 and older */
	-o-border-image:url(/statics/images/course/border.png) 30 30 round; /* Opera */
	border-image:url(/statics/images/course/border.png) 30 30 round;
}

#stretch
{
	-webkit-border-image:url(/statics/images/course/border.png) 30 30 stretch; /* Safari 5 and older */
	-o-border-image:url(/statics/images/course/border.png) 30 30 stretch; /* Opera */
	border-image:url(/statics/images/course/border.png) 30 30 stretch;
}
</style>
</head>
<body>

<p><b>注意: </b> Internet Explorer 不支持 border-image 屬性。</p>
<p> border-image 屬性用于設置圖片的邊框。</p>

<div   class="ezpw09d6"   id="round">這里，圖像平鋪（重復）來填充該區域。</div>
<br>
<div   class="ezpw09d6"   id="stretch">這里，圖像被拉伸以填充該區域。</div>

<p>這是我們使用的圖片素材：</p>
<img src="/statics/images/course/border.png" />

</body>
</html>

運行結果：

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线