CSS教程:CSS3圆角属性


Posted in HTML / CSS onApril 02, 2009

IE 和 Opera 就没有私有的圆角属性了,如果有的话,那制作圆角应该就简单多了,把各自的私有属性全部写上,让各个浏览器对号入座,就达到了兼容的效果。
随着网络的发展,CSS 也在不断的完善,充分吸取多年来 Web 发展的需求,提出了很多新颖的 CSS 特性,例如很受欢迎的圆角矩形 border-radius 属性,但很可惜,此属性目前没有得到任何浏览器的支持。
对于一些浏览器,它们有其私有的圆角属性。如 FF 的 -moz-border-radius ,Safari 和 Chrome 的 -webkit-border-radius 。效果见下图:
FF 的圆角
CSS教程:CSS3圆角属性
Safari 和 Chrome 的圆角(Safari 和 Chrome 使用的是同一种内核,这里就只附 Chrome 的效果了)
CSS教程:CSS3圆角属性
IE 和 Opera 就没有私有的圆角属性了,如果有的话,那制作圆角应该就简单多了,把各自的私有属性全部写上,让各个浏览器“对号入座”,就达到了“兼容”的效果。

HTML / CSS 相关文章推荐
html5 css3 动态气泡按钮实例演示
Dec 02 HTML / CSS
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
May 07 HTML / CSS
CSS3中利用animation属性创建雪花飘落特效
May 14 HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
Dec 01 HTML / CSS
基于CSS3实现立方体自转效果
Mar 01 HTML / CSS
利用CSS3的线性渐变linear-gradient制作边框的示例
Jun 02 HTML / CSS
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
Nov 16 HTML / CSS
使用css实现android系统的loading加载动画
Jul 25 HTML / CSS
HTML5新控件之日期和时间选择输入的实现代码
Sep 13 HTML / CSS
Html5 Geolocation获取地理位置信息实例
Dec 09 HTML / CSS
使用SVG实现提示框功能的示例代码
Jun 05 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
Dec 07 HTML / CSS
CSS3的新特性介绍
Oct 31 #HTML / CSS
CSS3属性选择符介绍
Oct 17 #HTML / CSS
CSS3教程:background-clip和background-origin
Oct 17 #HTML / CSS
细说CSS3中的选择符
Oct 17 #HTML / CSS
css3 给背景设置渐变色的方法
Sep 12 #HTML / CSS
css3中用animation的steps属性制作帧动画
Apr 25 #HTML / CSS
css3 中实现炫酷的loading效果
Apr 26 #HTML / CSS
You might like
《一拳超人》埼玉一拳下去,他们存在了800年毫无意义!
2020/03/02 日漫
如何在PHP中使用Oracle数据库(4)
2006/10/09 PHP
一个MYSQL操作类
2006/11/16 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
php实现水印文字和缩略图的方法示例
2016/12/29 PHP
Laravel5.5 视图 - 创建视图和数据传递示例
2019/10/21 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
html读出文本文件内容
2007/01/22 Javascript
9个JavaScript评级/投票插件
2010/01/18 Javascript
jquery.blockUI.js上传滚动等待效果实现思路及代码
2013/03/18 Javascript
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
js中this用法实例详解
2015/05/05 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
2019/04/29 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
2020/01/05 Javascript
python多线程编程方式分析示例详解
2013/12/06 Python
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
python中__slots__用法实例
2015/06/04 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
解决Django layui {{}}冲突的问题
2019/08/29 Python
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
综合办公室主任职责
2013/12/16 职场文书
金融专业大学生自我评价
2014/01/09 职场文书
小学庆六一活动方案
2014/02/28 职场文书
法律意见书范文
2015/05/20 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书