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混合模式mix-blend-mode/background-blend-mode简介
Mar 15 HTML / CSS
css3+jq创作含苞待放的荷花
Feb 20 HTML / CSS
让IE支持CSS3的不完全兼容方案
Sep 19 HTML / CSS
详解CSS3原生支持div铺满浏览器的方法
Aug 30 HTML / CSS
浅析CSS3 中的 transition,transform,translate之间区别和作用
Mar 26 HTML / CSS
CSS3新增布局之: flex详解
Jun 18 HTML / CSS
开发人员所需要知道的HTML5性能分析面面观
Jul 05 HTML / CSS
HTML5实现简单图片上传所遇到的问题及解决办法
Jan 20 HTML / CSS
html5手机键盘弹出收起的处理
Jan 20 HTML / CSS
Html5定位终极解决方案
Feb 05 HTML / CSS
AmazeUI 面板的实现示例
Aug 17 HTML / CSS
基于CSS3画一个iPhone
Apr 21 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
在Windows版的PHP中使用ADO
2006/10/09 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
php计算函数执行时间的方法
2015/03/20 PHP
ThinkPHP静态缓存简单配置和使用方法详解
2016/03/23 PHP
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
JavaScript中关于indexOf的使用方法与问题小结
2010/08/05 Javascript
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
2015/07/17 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
bootstrap常用组件之头部导航实现代码
2017/04/20 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
nodeJs实现基于连接池连接mysql的方法示例
2018/02/10 NodeJs
javascript填充默认头像方法
2018/02/22 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
利用Python自带PIL库扩展图片大小给图片加文字描述的方法示例
2017/08/08 Python
pytorch获取vgg16-feature层输出的例子
2019/08/20 Python
python3 中使用urllib问题以及urllib详解
2020/08/03 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
2016/03/21 HTML / CSS
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
女方婚礼新郎答谢词
2014/01/11 职场文书
体育教师自我鉴定
2014/02/12 职场文书
爱我中华演讲稿
2014/05/20 职场文书
迎新生标语大全
2014/10/06 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
儿子满月酒致辞
2015/07/29 职场文书
阿里云Nginx配置https实现域名访问项目(图文教程)
2021/03/31 Servers
python基础之停用词过滤详解
2021/04/21 Python
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python