`

CSS3中的圆角效果小结

阅读更多
CSS3中的按钮圆角效果小结,不支持IE:

border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

其中,border-radius:5px;是在Opera下起作用,-webkit-border-radius:5px;
在Chrome和Safrai下起作用,而-moz-border-radius:5px;在Firefox下起作用
3
3
分享到:
评论
3 楼 happy175 2011-09-15  
不支持IE9以前版本,

能支持IE6、7、8版,请查看无敌的圆角效果JS代码库
2 楼 jackyrong 2011-09-13  
恩,现在很多版本都开始支持这个了,是好事
1 楼 jeli20051208 2011-09-13  
楼主,我用border-radius:5px,貌似用火狐(6.0.2),谷歌(12.0.742.12 unknown)浏览器中都能起效,这个应该跟浏览器版本也有关系吧。

相关推荐

    使用Div+CSS纯图片实现圆角矩形的方法小结

    主要介绍了使用Div+CSS纯图片实现圆角矩形的方法小结,CSS3中用代码绘制圆角矩形非常方便,而本文要介绍的则是利用图片来实现兼容性更强的方法,需要的朋友可以参考下

    《CSS设计彻底研究》光盘源码

    1.7 本章小结  第2章 “CSS禅意花园”作品鉴赏   2.1 “CSS禅意花园”简介   2.2 郊野——两列布局   2.3 像素画——三列布局   2.4 百合池塘——三列布局变体   2.5 郁金香——多列布局   2.6...

    css设计彻底研究 源代码

    3.7 CSS中的几何题 3.8 本章小结 第4章 盒子的浮动与定位  4.1 盒子的浮动 4.1.1 准备代码 4.1.2 实验1——设置第1个浮动的div 4.1.3 实验2——设置第2个浮动的div 4.1.4 实验3——设置第3个浮动的div...

    《CSS全程指南》随书光盘

    内容简介 本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计等。每一章内容由浅入深,直到建立比较复杂的示例。...13.3 小结 315

    《CSS设计彻底研究》【中文PDF+源代码】

    《CSS设计彻底研究》在透彻地讲解CSS核心技术的基础上,深入到各个实际应用领域中,充分向读者演示了如何使用CSS的各项技术,实现令人眩目的网页布局和效果。《CSS设计彻底研究》适合需要使用CSS的Web设计人员和开发...

    css实现各种0.5px的线(小结)

    主要介绍了css实现各种0.5px的线(小结),主要介绍了0.5px边框、0.5px圆角边框、0.5px左边线、0.5px右边线、0.5px底部线,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part3.rar

    第一部分 深入理解DOM脚本编程  第1章 遵循最佳实践   1.1 不唐突和渐进增强   1.2 让JavaScript运行起来   1.2.1 把行为从结构中分离出来   1.2.2 不要版本检测  ... 12.9 小结

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part2.rar

    第一部分 深入理解DOM脚本编程  第1章 遵循最佳实践   1.1 不唐突和渐进增强   1.2 让JavaScript运行起来   1.2.1 把行为从结构中分离出来   1.2.2 不要版本检测  ... 12.9 小结

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part1.rar

    第一部分 深入理解DOM脚本编程  第1章 遵循最佳实践   1.1 不唐突和渐进增强   1.2 让JavaScript运行起来   1.2.1 把行为从结构中分离出来   1.2.2 不要版本检测  ... 12.9 小结

    JavaScript DOM高级程序设计 Part I

    6.3 小结 第七章 向应用程序中加入Ajax 7.1 组合的技术 ... 7.1.5 Ajax是正确的选择吗 7.2 为什么Ajax会破坏网站及如何解决 ... 第八章 案例研究:实现带进度条的一部分文件上传功能 第九章 通过库来提高生产...

    JavaScript DOM高级程序设计 Part II

    6.3 小结 第七章 向应用程序中加入Ajax 7.1 组合的技术 ... 7.1.5 Ajax是正确的选择吗 7.2 为什么Ajax会破坏网站及如何解决 ... 第八章 案例研究:实现带进度条的一部分文件上传功能 第九章 通过库来提高生产...

    网页设计与制作——Flash.Dreamweaver.Firework

    小结 习题 第2章 站点创建 2.1 建立本地站点 2.2 创建网站目录结构 小结 习题 第3章 网页素材 3.1 搜集素材 3.2 利用FireworksMX制作网站标志 3.3 利用FireworksMX圆角矩形 3.4 利用FireworksMX创建个性化图形 3.5...

    jQuery攻略.pdf

    286 9.9 对表格排序 288 9.10 小结 289 第10章 使用CSS 290 10.1 区分HTML元素 291 10.2 向内嵌在一个元素中的另一个元素应用样式 292 10.3 缩进段落 293 10.4 将段落的首字母设为大写 294 10.5 去除标题和段落之间...

    segment:分散的知识点

    segment Scattered knowledge points here. Maybe you can find something useful. 最近更新 JavaScript 新旧替换 工作流 Canvas Canvas 绘制 1 px 直线模糊(非高清屏)的问题 ...CSS 浮动 float 小结 Object.obser

Global site tag (gtag.js) - Google Analytics