最近从腾迅团队的博客(ISD webteam)上下载了CSS 3新增属性手册，自己也在学习和研究中。顺便也发上来和大家分享，每个属性我都会做一个实例以便理解，也算是学习笔记吧。如果你想去官方看看那么可以去这里：http://www.css3.info/preview/
边框有四个相关属性：
- border-color
- border-image
- border-radius
- box-shadow
1 . border-color : 边框颜色
兼容性： 其它浏览器中没什么可说的，唯独在FireFox3.0+(表示火狐3.0版本以上)多出了方向的控制，即：border-top-color, border-right-color, border-bottom-color , border-left-color。
效果如下图：(所有效果及源代码)
2 . border-image: 使用图片作为对象的边界
兼容性：FireFox 3.5+ , Chrome 1.0+ , Safari 3.1+
效果如下图：
—–>这是引用图片
注意：此例在Firefox下貌似无法产生stretch(图片拉伸)效果，上上图为Chrome下正常显示
3 . border-radius : 设置圆角边框
效果如下：
兼容性 : Firefox3.0+ , Chrome1.0+ , safari3.1+
-moz-border-radius:10px；
10px为圆角半径
4 . border-shadow : 设置块阴影
效果如下：
兼容性 : Firefox3.5+ , Chrome2.0+ , safari4+
-moz-box-shadow:2px 2px 10px #000
四个值分别为：阴影水平偏移值，阴影垂直偏移值，阴影模糊值，阴影颜色。显然用这个属性来做相册是首选。
这些效果还真是不错 不过我还是宁愿去做相关图片！
@0cai 目前来说是你想的这样，毕竟CSS3的技术还不成熟。过上几年估计会好些吧！国内CS2的普及率都相当底，真不知道要等到什么时候才能统一。
整这个要有充分的耐心和追求完美的神经质
@博译论 相当正解.哈哈。
可惜浏览器的更新不统一…
@luheou 呵呵。这是时间的问题^!^
可惜IE不支持，恨死IE！
@露兜 没办法的事儿，谁让IE用户那么多呢？
我用才chrome2也支持css3了，可以看到效果。
@Dianso 是的。谷歌浏览器做得相当不错。
上面这几个效果非常漂亮啊。
看来，兄弟真的是这方面的专家！
这些效果都好漂亮啊！很好很强大！
@分享联盟 相信在不久的将来会成为主流的吧！
@365hope 呵呵，咱得时刻以发展的眼光去学习技术^!^
CSS3的功能确实强大了许多
期待中，希望css3功能更强大~
@wuleilei 呵呵。啥时候能普及的话就最好了。
原来CSS可以做出圆角效果，我真是孤陋寡闻啊。
@wendye 呵呵，我原来也是不知道的，研究了以后也就明白了。
-moz-border-radius倒是比较常用
@安 标准浏览器对CSS3的圆角支持都还是相对不错的。
可惜支持css3的浏览器不多啊，不然可以编写起来也方便了很多啊！
@hiro 呵呵。未来很有可能会普及的，所以有必要学习一下呢。
期待更新,以前曾经了解过一下，但不彻底,你更新我学习，呵呵,加油!
嘿嘿。一起学习。