用CSS3，您可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序（如Photoshop等作图软件），极大地帮助您节省了很多时间。
而在本节中，您将了解以下的边框属性有：
border-radius
box-shadow
border-image（需要注意的是：该属性不支持ie浏览器）
Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。
Firefox、Chrome 以及 Safari 支持所有新的边框属性。
注释：对于 border-image，Safari 5 以及更老的版本需要前缀 -webkit-。
Opera 支持 border-radius 和 box-shadow 属性，但是对于 border-image 需要前缀 -o-。
在CSS2中添加圆角是需要一些技巧的，尤其对于新手来说更加难了，所有我们不得不在每个角落使用不同的图像。
但是如果您在CSS3中，就能够很容易创建圆角。在CSS3中border-radius属性就是被用于创建圆角的：
在div中添加圆角元素：
CSS3中的box-shadow属性被用来添加阴影:
在div中添加box-shadow属性
有了CSS3的border-image属性，你可以使用图像创建一个边框：
在div中使用图片创建边框:
在div中使用图片创建边框
| 属性 | 说明 | CSS |
|---|---|---|
| border-image | 设置所有边框图像的速记属性。 | 3 |
| border-radius | 一个用于设置所有四个边框- *-半径属性的速记属性 | 3 |
| box-shadow | 附加一个或多个下拉框的阴影 | 3 |
以上就是本节的全部内容，关于CSS3边框，您是否学会了呢？如果还是有些疑惑，建议您多看几遍，或者对着上文中的示例多做几遍！
CSS Outlines 轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 轮廓（outline）属性指定...
有很多刚刚接触 CSS 的新手有时会遇到 CSS 加载失败这个问题，但测试时，网页上没有显示该样式的问题，这就说明 CSS 加载失败了...
HTML button 标签如果您在使用button标签时使用了 formenctype 属性，那么它的值将覆盖 form 标签的enctype属性值：实例带有两个...
HTML button 标签formtarget 属性可以规定提交的HTML表单在何处显示，下面的示例将详细使用该属性：实例两个提交按钮，第一个提...
HTML button 标签设置了 autofocus 属性的按钮，将在页面加载后自动获取焦点，请参考下述示例：实例按钮使用 autofocus 属性:but...
HTML map 标签map 标签的 name 属性的值是图像映射使用的名称，请参考下述示例：实例带有可点击区域的图像映射：img src="planet...
实例描述 HTML 文档的元数据：headmeta name="description" content="免费在线教程"meta name="keywords" content="HTML,CSS,XML...
