案例:CSS3 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
div
6
{
7
margin:20px;
8
width:150px; 
9
padding:10px;
10
height:70px;
11
border:2px solid black;
12
outline:2px solid red;
13
outline-offset:15px;
14
} 
15
</style>
16
</head>
17
<body>
18
19
<p><b>注释:</b>Internet Explorer 和 Opera 不支持 support outline-offset 属性。</p>
20
21
<div>这个 div 在边框边缘之外 15 像素处有一个轮廓。</div>
22
23
</body>
24
</html>
25