在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaoplay.com)</title>
<style>div
{
	border:10px solid transparent;
	width:40px;
	padding:5px 10px;
	-moz-border-image: url(button.png.html) 0 14 0 14 stretch; /* Old Firefox */
	-webkit-border-image: url(button.png.html) 0 14 0 14 stretch; /* Safari */
	-o-border-image: url(button.png.html) 0 14 0 14 stretch; /* Opera */
	border-image: url(button.png.html) 0 14 0 14 stretch;
}
</style>
</head>
<body>

<p><b>注意：</b> Internet Explorer 浏览器不支持 border-image 属性。</p>

<div>Search</div>

<p>这是使用的图片：</p>
<img src="button.png.html" >

</body>
</html>
源代码

动行结果
