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 相关文章推荐
css3 给背景设置渐变色的方法
Sep 12 HTML / CSS
css3进行截取替代js的substring
Sep 02 HTML / CSS
CSS3之边框多颜色Border-color属性使用示例
Oct 11 HTML / CSS
CSS3的transition和animation的用法实例介绍
Aug 20 HTML / CSS
CSS3实现伪类hover离开时平滑过渡效果示例
Aug 10 HTML / CSS
开发人员所需要知道的HTML5性能分析面面观
Jul 05 HTML / CSS
基于HTML5 Canvas:字符串,路径,背景,图片的详解
May 09 HTML / CSS
HTML5实现获取地理位置信息并定位功能
Apr 25 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
Mar 26 HTML / CSS
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
Apr 27 HTML / CSS
HTML+CSS实现导航条下拉菜单的示例代码
Aug 02 HTML / CSS
sass 常用备忘案例详解
Sep 15 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
《五等分的花嫁》漫画完结!2020年10月第2期TV动画制作组换血!
2020/03/06 日漫
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
11款新鲜的jQuery插件[附所有demo下载]
2011/01/24 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
javascript中call,apply,bind函数用法示例
2016/12/19 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
jquery实现抽奖功能
2020/10/22 jQuery
微信小程序实现底部弹出模态框
2020/11/18 Javascript
[01:20]DOTA2上海特级锦标赛现场采访:谁的ID最受青睐
2016/03/25 DOTA
Python 模拟员工信息数据库操作的实例
2017/10/23 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
Python 绘制可视化折线图
2020/07/22 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
三维科技面试题
2013/07/27 面试题
工商管理实习自我鉴定
2013/09/28 职场文书
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
幼儿园教师的考核评语
2014/04/18 职场文书
本科毕业生应聘自荐信范文
2014/06/26 职场文书
2014年建筑工作总结
2014/11/26 职场文书
信访维稳承诺书
2015/05/04 职场文书
同学会感言
2015/07/30 职场文书
农村房屋租赁合同(范本)
2019/07/23 职场文书