实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
div {
6
    background-color: lightgrey;
7
    border: 30px solid transparent;
8
    border-image: url('/upload/love/border.png');
9
    border-image-slice: 30;
10
    border-image-repeat: repeat;
11
}
12
</style>
13
</head>
14
<body>
15
16
<div>
17
 DIV 使用图像边框。
18
</div>
19
<p>使用的图片:</p>
20
<img src="/upload/love/css.gif">
21
22
<p><b>注意: </b>Internet Explorer 10, Opera 12, 和 Safari 5 不支持 border-image-repeat 属性。</p>
23
24
</body>
25
</html>
26