三个阶段： 1.背景图片； 2.css2.0+标签模拟圆角； 3.css3.0圆角属性（border-radius）. 1.1.背景图片--宽度固定，高度自适应圆角 为容器设置宽度 在主体的上方加一个div，以上圆角为背景；在主体的下方加一个div，以下圆角为背景。 1.2.背景图片--宽高自适应圆 ...
分类：
Web程序 时间：
2016-10-12 22:15:09
阅读次数：
182
css3(border-radius)边框圆角详解 css3(border-radius)边框圆角详解 传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safa ...
分类：
Web程序 时间：
2016-10-03 17:11:38
阅读次数：
183
圆角边框 border-radius 边框阴影 box-shadow: 10px 10px 5px #888888; 图片边框 ie不支持 不推荐使用 图片平铺 -moz-border-image:url(/i/border.png) 30 30 round; /* Old Firefox */-w ...
分类：
Web程序 时间：
2016-09-25 13:14:52
阅读次数：
203
CSS3 1. 圆角 border-radius：边框圆角的圆角半径 四个值：第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值：第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角 两个值：第一个值为左上角与右下角，第二个值为右上角与左下角 一个值：四个圆角 ...
分类：
Web程序 时间：
2016-09-16 12:42:21
阅读次数：
157
1.圆角设置 CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、px、百分比等等。 比如,下面是一个div方框（宽高都是200，背景为红色，边框为2px solid #000） ...
分类：
Web程序 时间：
2016-09-13 13:05:41
阅读次数：
159
使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 CSS3 border-radius 属性 使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 以下为三个实例： 1. 指定背景颜色的元素圆角： 圆角！ 2. 指定边框的元素圆角: 圆 ...
分类：
Web程序 时间：
2016-08-19 14:43:49
阅读次数：
151
0.快速入门 border-radius:50px; 1.border-radius详解 border-radius:50px; 上右下左，水平和垂直距离都是50px border-radius:50%; 这里的%号是已应用该css样式元素的长度和宽度为基数的 border-radius:50% 3 ...
分类：
Web程序 时间：
2016-08-18 21:25:55
阅读次数：
176
border-radius 圆角的方块： 实心上半圆： 方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（也可以大于高度）。 实心圆： 方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的 ...
分类：
Web程序 时间：
2016-08-14 17:53:47
阅读次数：
230
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4 一、border-radius属性 CSS3圆角只需设置 ...
分类：
Web程序 时间：
2016-08-03 13:26:26
阅读次数：
195
前缀是-webkit-的Safari和Chrome支持 前缀是-moz-的Firefox支持 前缀是-o-的Opera支持 CSS3边框 border-radius （CSS3圆角） 注意：每个半径的四个值的顺序是：左上角，右上角，右下角，左下角 box-shadow （CSS3盒阴影） h-sha ...
分类：
Web程序 时间：
2016-07-18 13:04:06
阅读次数：
204
