案例:CSS3 案例     状态:可编辑再运行    进入横版
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
div
6
{
7
border:15px solid transparent;
8
width:300px;
9
padding:10px 20px;
10
}
11
12
#round
13
{
14
-moz-border-image:url(/img/border.png) 30 30 round; /* Old Firefox */
15
-webkit-border-image:url(/img/border.png) 30 30 round;  /* Safari and Chrome */
16
-o-border-image:url(/img/border.png) 30 30 round;       /* Opera */
17
border-image:url(/img/border.png) 30 30 round;
18
}
19
20
#stretch
21
{
22
-moz-border-image:url(/img/border.png) 30 30 stretch;   /* Old Firefox */
23
-webkit-border-image:url(/img/border.png) 30 30 stretch;    /* Safari and Chrome */
24
-o-border-image:url(/img/border.png) 30 30 stretch; /* Opera */

 运行结果 
 北美留学生论坛