`

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)浏览器中都能起效,这个应该跟浏览器版本也有关系吧。

相关推荐

    CSS3小结

    **CSS3小结** 在网页设计领域,CSS3(Cascading Style Sheets Level 3)是HTML和XML文档样式表语言的最新版本,它极大地扩展了CSS2.1的功能,引入了许多新的特性和改进,使得网页设计更加丰富多彩,更具表现力。本...

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

    在网页设计中,使用Div+CSS纯图片实现圆角矩形是一种常见的技术,尤其是在CSS3的圆角边框属性还未普及或需要兼容老版本浏览器时。这种方法通过巧妙地利用图片和CSS布局,能够创建出带有圆角的效果。下面将详细阐述几...

    《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设计人员和开发...

    10 套华丽的CSS3 按钮小结

    特别是对于按钮(Buttons)的设计,CSS3提供了丰富的样式和动画效果,使得开发者不再依赖图像资源,而是通过纯代码实现。本文将深入探讨10套精美的CSS3按钮实例,让你轻松地在项目中应用这些优雅的设计。 ### 1. ...

    使用html+css+javascript实现聊天室的展示界面,并给出源码

    小结 使用 HTML、CSS 和 JavaScript,我们可以轻松地实现一个聊天室的展示界面。本文提供了一个简单的聊天室展示界面的示例代码,包括 HTML、CSS 和 JavaScript 代码。通过了解这些代码,我们可以更好地理解如何...

    Web前端技术项目式教程(HTML5 CSS3 Flex Bootstrap)教案-美化网页.pdf

    4. **任务小结**:总结本课内容,巩固所学知识。 【教学资源】 1. **装有SublimeText3的电脑**:提供编写和测试代码的环境。 2. **教学课件PPT**:辅助教学,展示实例和讲解内容。 3. **教材**:《Web前端技术项目...

    纯CSS实现页面的尖角、小三角、不同方向尖角的方法小结

    效果图: 方法一的效果图: 方法二的效果图: 方法三的效果图: 方法1:因为有背景,所有实现起来比较方便,尖角的内部同个颜色就可以不用考虑遮挡问题 html: 带背景颜色的小三角实现是比较简单的! ...

    CSS的私有属性小结(针对FireFox浏览器)

    `-moz-background-clip`控制背景色是否包含边框,`-moz-background-origin`定义背景图像的定位原点,这些属性在CSS3中得到了标准化。 `-moz-border-radius`用于创建圆角,可以单独定义各个角落的半径。`-moz-border-...

    纯CSS3绘制漫画小女孩特效

    首先,让我们了解CSS3中的关键特性,它们对于创建这种特效至关重要: 1. **选择器**:CSS3引入了更高级的选择器,如类选择器、ID选择器、属性选择器和伪类选择器,这些可以更加精确地定位和操作元素。 2. **边框与...

    实现CSS圆环的5种方法(小结)

    在CSS中创建圆环是一种常见的布局需求,可以用于制作进度条、按钮效果或者装饰性元素。以下是实现CSS圆环的5种方法的详细说明: 1. **两个标签的嵌套**: 这是最基础的方法,通过一个大圆(外层div)和一个小圆...

    使用CSS3代码绘制可爱的Hello Kitty猫

    - CSS3中的伪元素(如`:before`和`:after`)可以帮助我们在元素内部添加额外的结构,而不必在HTML中添加额外的元素。这在绘制Hello Kitty的眼睛、鼻子等细节时非常有用。 6. **绝对定位与相对定位**: - 为了准确...

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

    在CSS中,实现0.5像素的线条效果通常是为了在高分辨率屏幕上获得更细腻的视觉效果,尤其是在移动设备上。由于设备像素比(DPR)的原因,简单的`border: solid 0.5px color;`在某些Android设备上可能会被渲染成无边框...

Global site tag (gtag.js) - Google Analytics