5个CSS3技术实现设计增强（3）
作者：暴风彬彬 来源：彬Go 时间：2009-09-04 17:04:00
2.圆角
目前支持的浏览器:Apple Safari 3+, Firefox 1+, Google Chrome 1+
边框半径用于设置和模型每个角的曲率，仿佛有一对与特定的角落虚圆半径(r):
border-radius: r;
虽然border-radius是未来CSS3的一部分，不过现在无论Mozilla(Firefox)和Webkit(Safari和Chrome)都已经有了自己的圆角版本。
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
你也可以单独设置某个角的半径:
你也可以单独设置某个角的半径:
CSS3 | Mozilla | WebKit |
border-top-right-radius | -moz-border-radius-topright | -webkit-border-top-right-radius |
border-bottom-right-radius | -moz-border-radius-bottomright | -webkit-border-bottom-right-radius |
border-bottom-left-radius | -moz-border-radius-bottomleft | -webkit-border-bottom-left-radius |
border-top-left-radius | -moz-border-radius-topleft | -webkit-border-top-left-radius |
border-radius | -moz-border-radius | -webkit-border-radius |
标签：设计,css3,技术
0
投稿猜你喜欢
IE6模拟max-width对图片缩放
2008-03-16 14:32:00
ORACLE8的分区管理
2010-07-30 13:18:00
使用SQL Server2005扩展函数进行性能优化
2010-06-07 11:26:00
asp如何用FileSystemObject组件来做一个站内搜索？
2010-06-12 12:47:00
如何设计一个成功的网站
2007-09-07 10:33:00
蚁群算法js版
2008-10-08 10:15:00
无障碍网页应用 WAI-ARIA
2009-11-16 12:32:00
[翻译]标记语言和样式手册 Chapter 7 锚点
2008-01-28 14:01:00
为什么视觉设计师需要懂HTML
2009-06-25 14:16:00
保护你的ASP页面的两种办法
2008-06-10 16:53:00
Android界面与交互设计原则
2012-02-04 09:28:32
HTML5 离线存储之Web SQL
2011-06-19 14:13:19
通过分析SQL语句的执行计划优化SQL
2011-10-24 20:03:20
将MySQL的作为文件系统使用
2011-12-14 18:34:26
卸载VS2011 Developer Preview后Sql Server2008 R2建立数据库关系图报“找不到指定的模块”错误的解决方法
2011-11-03 16:49:09
安装MySQL错误归档处理
2008-12-22 14:50:00
Internet Explorer 8 Beta2 功能预览
2008-07-29 13:20:00
前端也应关注安全
2009-03-16 17:02:00
重新认识视觉设计
2009-09-08 12:46:00
10个糟糕的IE Bug及其修复
2010-05-13 16:26:00
