实例 设置元素周围的轮廓： p { outline:#00FF00 dotted thick;} 尝试一下 » 属性定义及使用说明 outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 o...

实例 设置一个虚线轮廓的颜色： p {outline-style:dotted;outline-color:#00ff00;} 尝试一下 » 属性定义及使用说明 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围。 outline-color属...

实例 设置outline的样式： p {outline-style:dotted;} 尝试一下 » 在此页底部有更多的例子。 属性定义及使用说明 outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围。 outline-sty...

实例 设置轮廓的宽度： p { outline-style:dotted; outline-width:5px;} 尝试一下 » 属性定义及使用说明 outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围。 outline-width指定轮廓的宽...

实例 为div元素的左下角添加圆角边框： div{ border:2px solid; border-bottom-left-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

实例 为div元素的右下角添加圆角边框： div{ border:2px solid; border-bottom-right-radius:2em;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或...

实例 指定作为div元素周围边框的图像： #borderimg { -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */ border-image: url(border.png) 30 round;} 尝试...

实例 设置border-img-outset属性： div{ border-image-source: url(border.png); border-image-outset: 30 30;} 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 border-image-outset 15.0 11.0 15...

实例 设置重复图像的方式： div{border-image-source: url(border.png);border-image-repeat: repeat;} 尝试一下 » 定义和使用 border-image-repeat 属性用于图像边界是否应重复（repeated）、拉伸（stretched）或铺...

实例 指定图像的边界向内偏移： div{ border-image-source: url(border.png); border-image-slice: 50% 50%;} 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 border-image-slice 15.0 11....