圆角div
来源:互联网 发布:电工绘图软件 编辑:程序博客网 时间:2024/06/04 19:41
想实现div圆角的效果,在网上看到说用
<div style=" background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;" >Firefox 和 Safari 实现圆角</div>
其中 -moz-border-radius
是 Firefox 实现圆角的私有属性,而 -webkit-border-radius
是 webkit 内核浏览器(如 Safari 和 Chrome)实现圆角的私有属性,如果你只要指定某一个角是圆角的话,它们都分别定义了四个属性:
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius
该效果只能在 IE9, Firefox, Safari, 以及 Chrome 中查看。
但是我在用的时候发现没有效果,于是我去掉了属性前的-moz-,仅使用border-radius:5px,在IE9和Firefox(23.0)上面都可显示圆角(方便多了)。
由于没有安装Safari, 以及 Chrome,所以还不清楚在它们中是否有效。
求大神,为什么使用-moz-border-radius没有效果,难道是不支持了?
- Div 圆角
- 圆角div
- 圆角div
- 圆角div
- 圆角div
- DIV 圆角
- 圆角div
- DIV圆角
- 圆角div
- 圆角DIV
- 圆角div
- (div+css) div圆角
- div圆角div、带阴影、另一个div右上角显示
- Css设计div圆角
- 圆角div css样式
- DIV 圆角 JQuery
- css实现div圆角
- css div 圆角
- 从外部引入整个工程到eclipse中后,工程前面出现小红叉
- C语言数组,指针,函数等问题
- QT—Creator使用
- 关于怎样产生随机数的彻底研究
- 11210 - Chinese Mahjong
- 圆角div
- Delegation in Objective-C
- 整数与各种进制之间的转换
- 黑马程序员-面向对象-字符串,静态与非静态笔记
- WordPress ProPlayer Plugin 4.7.9.1 - SQL Injection
- Linux内核升级全过程(linux2.4.x到linux2.6.x)[搜集整理实用]
- OGNL解析
- Android实用代码七段
- HDU1220--Cube HDU(93)