-
背景图片实现圆角查看全部
-
宽度高度自适应圆角查看全部
-
使用CSS2.0+HTML标签模拟圆角优缺点: 1. 代码量少,不需要增加HTTP请求 2. 后期维护性好,但是圆角橡塑的增加 3. 无意义代码将成倍增加 4. 实现的圆角有局限性 5. 只能实现纯色圆角查看全部
-
切图+css实现高度和宽度自适应圆角查看全部
-
CSS圆角进化论-制作高度和宽度自适应圆角: 5个div构成: 1个为box:上下内边距大小至少设置为圆角高度、设置相对定位、放置内容。 另外4个为圆角:分别设置上下左右各个圆角背景图片、绝对定位于box的4个角。 需要注意: 绝对定位要设置宽度,不然会根据内容多少自适应; 只有背景图片的div也要设置宽度,不然背景显示不出来,因为背景图片本身不占宽度。查看全部
-
进化查看全部
-
css3.0圆角属性实现圆角 简写属性的值设置(与margin属性设置相同,顺时针方向)查看全部
-
浏览器写私有前缀: IE内核:-ms- 欧朋Opera浏览器: -o- Firefox内核:-moz- 谷歌浏览器、safari内核:-webkit- 例(线性渐变): background:-moz-linear-gradient(top,#ddd 0%,#eee 10%,#fff 20%); background:-webkit-linear-gradient(top,#ddd 0%,#eee 10%,#fff 20%); background:-ms-linear-gradient(top,#ddd 0%,#eee 10%,#fff 20%);查看全部
-
border-radius:5px (全局设置,每个角半径一致) border-radius:5px 10px(半径对角相等,交叉线) border-radisu:5px 10px 15px(并非等同于margin,虽然是顺时针,但是是从左上角出发),三个值1=top-left,2=top-right=bottom-left,3=bottom-right;想象成菱形顺时针就没错 border-radius:四个参数从左上角依次到左下角.顺时针;等同于border-top-left-radius+xxx+xxx+xxx查看全部
-
圆角属性(border-radius)简介: 属性值:表示半圆半径,可使用长度单位px,或百分比 简写属性:border-radius 分量属性:border-top-left-radius(上左)、 border-top-right-radius(上右)、 border-bottom-right-radius(下右)、 border-bottom-left-radius(下左)查看全部
-
优缺点查看全部
-
宽度和高度自适应的图片实现法查看全部
-
css圆角进化论查看全部
-
ie6、ie7、ie8 不支持css3.0查看全部
-
浏览器私有前缀查看全部
举报
0/150
提交
取消