CSS3 border-image 属性使用图像创建边框
CSS3 border-image 属性使用图像创建边框
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style> 7
div8
{9
border:15px solid transparent;10
width:250px;11
padding:10px 20px;12
}13
14
#round15
{16
-webkit-border-image:url(https://nowjava.com/static/uv/i/nowj_logo_small.png) 30 30 round; /* Safari 5 and older */17
-o-border-image:url(https://nowjava.com/static/uv/i/nowj_logo_small.png) 30 30 round; /* Opera */18
border-image:url(https://nowjava.com/static/uv/i/nowj_logo_small.png) 30 30 round;19
}20
21
#stretch22
{23
-webkit-border-image:url(https://nowjava.com/static/uv/i/nowj_logo_small.png) 30 30 stretch; /* Safari 5 and older */24
-o-border-image:url(https://nowjava.com/static/uv/i/nowj_logo_small.png) 30 30 stretch; /* Opera */25
border-image:url(https://nowjava.com/static/uv/i/nowj_logo_small.png) 30 30 stretch;26
}27
</style>28
</head>29
<body>30
31
<p><b>注意: </b> Internet Explorer 不支持 border-image 属性。</p>32
<p> border-image 属性用于设置图片的边框。</p>33
34
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java