一、css3圆角： border-radius:数值+单位; 1.设置一个值：border-radius:20px; 四个方向圆角都为20px(水平半径和垂直半径相等) 2.设置两个值 border-radius:50px 5px; 左上，右下为50px,右上，左下为5px 3.设置三个值 bord ...
分类：
Web程序 时间：
2018-01-12 01:47:26
阅读次数：
171
1、CSS3边框： border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。border：2px solid; box-shadow： ...
分类：
Web程序 时间：
2017-11-25 23:47:11
阅读次数：
379
页面元素的装饰一直是前端工程师的重要工作之一，在这若干样式之中有一个样式较为独特，那就是圆角属性。在CSS3前或是老版本的浏览器中要想实现圆角属性的难度较大，要么使用图片装饰，要么使用border的奇淫巧技，无论哪种所需要的时间都是不短的。因此，在CSS3中为了让前端工程师们减少在这类常见样式上所消... ...
分类：
Web程序 时间：
2017-10-29 15:57:38
阅读次数：
240
(一)CSS3 边框 用CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如Photoshop。 CSS3 圆角 在CSS3中border-radius属性被用于创建圆角： CSS3盒阴影 CSS3中的box-shadow属性被用来添加阴影: CSS3边界图片 有了CSS3 ...
分类：
Web程序 时间：
2017-10-15 19:50:05
阅读次数：
249
border-radius属性的使用方法： 1.水平和垂直半径一样： 2.单独设置水平和垂直半径：用”/”来区别：水平半径/垂直半径 效果图： 注意： 分开设置元素各个顶角的圆角的水平和垂直半径圆角效果时，是不需要’/’的，加上反而是错误的！！！ 3.制作单个圆角边框 4.特殊应用： 特殊圆形的制作 ...
分类：
Web程序 时间：
2017-07-22 14:35:53
阅读次数：
169
我们都知道，ie不兼容一些css3新属性，这就导致有些浏览效果不太好，关于ie的兼容有很多前辈给出了解决方案。这里我主要讲我用到的一个比较好用的方案，即PIE。这里的PIE实际上指的是一个名为pie.htc的文件，通过使用css的behavior行为调用这个文件，然后使IE也能实现一些常见的css3 ...
分类：
Web程序 时间：
2017-07-11 17:45:43
阅读次数：
233
圆角属性简介： 1.属性值：表示圆角半径，可以使用长度单位px，或百分比 2.简写属性：border-radius 3.分量属性：border-top-left-radius(上左)、border-top-right-radius(上右) border-bottom-right-radius(下右) ...
分类：
Web程序 时间：
2017-07-09 18:28:16
阅读次数：
158
1.CSS3圆角效果： 2.边框阴影： （外部投影）(内部投影) 以上的语法的介绍，就这么简单，如果添加多个阴影，只需用逗号隔开即可。如： 以上的语法的介绍，就这么简单，如果添加多个阴影，只需用逗号隔开即可。如： 3.边框图片 阴影模糊半径与阴影扩展半径的区别 阴影模糊半径：此参数可选，其值只能是为 ...
分类：
Web程序 时间：
2017-06-03 20:14:34
阅读次数：
329
1.下载ie-css3.htc 2.CSS box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 1 ...
分类：
Web程序 时间：
2017-04-10 13:32:52
阅读次数：
220
一、边框圆角border 二、阴影 1.盒子的阴影 box-shadow box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; X轴偏移量 Y轴偏移量 是必填项 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊 ...
分类：
Web程序 时间：
2017-03-30 12:56:24
阅读次数：
203
