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 calc()会计算属性详解
Feb 27 HTML / CSS
css3强大的动画效果animate使用说明及浏览器兼容介绍
Jan 09 HTML / CSS
css sprite简单实例
May 23 HTML / CSS
html5理解head_动力节点Java学院整理
Jul 13 HTML / CSS
详解基于 Canvas 手撸一个六边形能力图
Sep 02 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
Jan 30 HTML / CSS
HTML5 Canvas鼠标与键盘事件demo示例
Jul 04 HTML / CSS
canvas实现扭蛋机动画效果的示例代码
Oct 17 HTML / CSS
浅谈amaze-ui中datepicker和datetimepicker注意的几点
Aug 21 HTML / CSS
html5使用window.postMessage进行跨域实现数据交互的一次实战
Feb 24 HTML / CSS
html+css合并表格边框的示例代码
Mar 31 HTML / CSS
html form表单基础入门案例讲解
Jul 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
PHP中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
php实现面包屑导航例子分享
2015/12/19 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
Yii实现简单分页的方法
2016/04/29 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
js中如何把字符串转化为对象、数组示例代码
2013/07/17 Javascript
js中用window.open()打开多个窗口的name问题
2014/03/13 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
Javascript的比较汇总
2016/07/25 Javascript
JavaScript仿百度图片浏览效果
2016/11/23 Javascript
node.js实现微信JS-API封装接口的示例代码
2017/09/06 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
vue.js 实现a标签href里添加参数
2019/11/12 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
浅谈python字符串方法的简单使用
2016/07/18 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
python实现低通滤波器代码
2020/02/26 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
Canvas波浪花环的示例代码
2020/08/21 HTML / CSS
高中学生干部学习的自我评价
2014/02/21 职场文书
餐饮营销方案
2014/02/23 职场文书
开工仪式策划方案
2014/05/23 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
健康状况证明书
2014/11/26 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
2015年小学开学寄语
2015/02/27 职场文书
退伍军人感言
2015/08/01 职场文书