html运行实例（css3_border-image

代码示例：（标识：css3_border-image_2）

<!DOCTYPE html>
<html>
<head>
<style> 
#borderimg { 
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(/static/demo/images/border.png) 30 stretch;
}
</style>
</head>
<body>

<h1>border-image 属性</h1>

<p>在这里，图像的中间部分被拉伸，来创建边框：</p>
<p id="borderimg">border-image: url(/static/demo/images/border.png) 30 stretch;</p>

<p>这是原始图像：</p><img src="/static/demo/images/border.png">
<p><b>注释：</b>Internet Explorer 10 以及更早的版本不支持 border-image 属性。</p>

</body>
</html>