在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<style>#myDIV {
    border: 15px solid transparent;
    padding: 15px;   
    border-image: url(border.png.html);
    border-image-slice: 30;
    border-image-repeat: round;
    border-image-outset:1 0 1 1;
}
</style>
</head>
<body>
    <div id="myDIV">
	<b>Note:</b> Internet Explorer 10 及其更早版本不支持 border-image-outset 属性。
  </div>
</body>
</html>

源代码

动行结果