-
css3.0在移动端得到了广泛应用，虽然它再WEB端因为兼容问题还应用的不是那么广，在web端用背景图片实现圆角目前还是主流。查看全部
-
【浏览器私有前缀】 IE内核：-ms- Firefox内核：-moz- 谷歌浏览器，safari内核：-webkit- Opera浏览器私有前缀：-o- 用在CSS3一些新增属性中,例如背景渐变色属性： background:-webkit-linear-gradient(top:#ddd o%,#eee 10%,#fff 20%); !!!!!一些导航制作或表单可运用查看全部
-
border-radius： 四个值是按照top-left、top-right、bottom-right和bottom-left顺序来设置的（左上、右上、右下、左下）。 注意和margin属性顺序区分。（margin的话是上右下左） 如果省略 bottom-left，则与 top-right 相同。 如果省略 bottom-right，则与 top-left 相同。 如果省略 top-right，则与 top-left 相同。 【border-radius的效果显示要以border设置为基础】 如果反斜杠符号“/”存在，“/”前面的值是设置元素圆角的水平方向半径， “/”后面的值是设置元素圆角的垂直方向的半径； 如果没有“/”，则元素圆角的水平和垂直方向的半径值相等。 例： border-radius: 2em 1em 4em / 0.5em 3em; 等价于： border-top-left-radius: 2em 0.5em; border-top-right-radius: 1em 3em; border-bottom-right-radius: 4em 0.5em; border-bottom-left-radius: 1em 3em查看全部
-
CSS2.0+HTML标签模拟圆角 【原理】应用像素画中绘制弧线的方法进行模拟。【像素画】俄罗斯方块，超级玛丽 【优缺点】 1. 代码量少，不需要增加HTTP请求 2. 后期维护性好，但是圆角橡塑的增加 3. 无意义代码将成倍增加 4. 实现的圆角有局限性 5. 只能实现纯色圆角 没有被广泛运用查看全部
-
背景图片实现圆角 实现方式有多种，主要讲解2种： 1. 宽度固定，高度自适应 2. 宽度和高度均自适应 实现关键点，4个块级标签构成： 圆角矩形容器（box)——设置固定宽度，同圆角宽度 顶部圆角（radius-top）——使用背景图片实现顶部圆角查看全部
-
【浏览器私有前缀】 IE内核：-ms- Firefox内核：-moz- 谷歌浏览器，safari内核：-webkit- Opera浏览器私有前缀：-o- 用在CSS3一些新增属性中,例如背景渐变色属性： background:-webkit-linear-gradient(top:#ddd o%,#eee 10%,#fff 20%);查看全部
-
border-radius： 四个值是按照top-left、top-right、bottom-right和bottom-left顺序来设置的（左上、右上、右下、左下）。 注意和margin属性顺序区分。（margin的话是上右下左） 如果省略 bottom-left，则与 top-right 相同。 如果省略 bottom-right，则与 top-left 相同。 如果省略 top-right，则与 top-left 相同。 【border-radius的效果显示要以border设置为基础】 如果反斜杠符号“/”存在，“/”前面的值是设置元素圆角的水平方向半径， “/”后面的值是设置元素圆角的垂直方向的半径； 如果没有“/”，则元素圆角的水平和垂直方向的半径值相等。 例： border-radius: 2em 1em 4em / 0.5em 3em; 等价于： border-top-left-radius: 2em 0.5em; border-top-right-radius: 1em 3em; border-bottom-right-radius: 4em 0.5em; border-bottom-left-radius: 1em 3em;查看全部
-
CSS2.0+HTML标签模拟圆角 【原理】应用像素画中绘制弧线的方法进行模拟。【像素画】俄罗斯方块，超级玛丽 【优缺点】 1. 代码量少，不需要增加HTTP请求 2. 后期维护性好，但是圆角橡塑的增加 3. 无意义代码将成倍增加 4. 实现的圆角有局限性 5. 只能实现纯色圆角 没有被广泛运用查看全部
-
CSS圆角进化论-制作高度和宽度自适应圆角： 5个div构成： 1个为box：上下内边距大小至少设置为圆角高度、设置相对定位、放置内容。 另外4个为圆角：分别设置上下左右各个圆角背景图片、绝对定位于box的4个角。查看全部
-
背景图片实现圆角 实现方式有多种，主要讲解2种： 1. 宽度固定，高度自适应 2. 宽度和高度均自适应 实现关键点，4个块级标签构成： 圆角矩形容器（box)——设置固定宽度，同圆角宽度 顶部圆角（radius-top）——使用背景图片实现顶部圆角查看全部
-
border-radius属性查看全部
-
圆角实现方式：1宽度固定，高度自适应2都自适应查看全部
-
CSS3.0圆角属性实现圆角 简写属性的值设置（与margin属性设置相同，顺时针方向）： 1个属性值：4个角半径相同 2个属性值：第1个值——上左、下右角；第2个值——上右、下左角（即互为对角） 3个属性值、4个属性值的设置同margin属性查看全部
-
CSS3.0圆角属性实现圆角 圆角属性（border-radius）简介： 属性值：表示半圆半径，可使用长度单位px，或百分比 简写属性：border-radius 分量属性：border-top-left-radius（上左）、 border-top-right-radius（上右）、 border-bottom-right-radius（下右）、 border-bottom-left-radius（下左）查看全部
-
使用CSS2.0+HTML标签模拟圆角优缺点分析： 1. 代码量少，不需要增加HTTP请求 2. 后期维护性好，但是圆角橡塑的增加 3. 无意义代码将成倍增加 4. 实现的圆角有局限性 5. 只能实现纯色圆角查看全部
举报
0/150
提交
取消