一、border-radiusborder-radius用于添加圆角边框，用处非常广泛。1）一个值，代表了四个角.radius-one { /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 12px; ...
分类：
Web程序 时间：
2015-09-29 11:17:39
阅读次数：
285
用的时候首先记得加前缀：-webkit-，-moz-，-o-，-ms-，因为目前各个浏览器对CSS3和HTML5的兼容性还是参差不齐。边框：1.border-radius(实心圆的实现)2.box-shadow：X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式](...
分类：
Web程序 时间：
2015-09-16 15:45:19
阅读次数：
158
h1{ width: 100%; height: 50px; margin: 0; text-align: center; line-height: 50px; background-color: #fff; box-shadow: 0 2px 6px 0 ...
分类：
Web程序 时间：
2015-09-15 23:27:16
阅读次数：
254
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类：
Web程序 时间：
2015-09-14 15:27:38
阅读次数：
237
只有CSS3才zh支持阴影效果，ke可以用如下写法：.shadow {-webkit-box-shadow:1px 1px 3px #292929;-moz-box-shadow:1px 1px 3px #292929;box-shadow:1px 1px 3px #292929;}
分类：
Web程序 时间：
2015-09-13 14:29:31
阅读次数：
158
一般我们通过box-shadow来设置盒阴影，但是有些属性我们一般没有用到，这篇文章将对box-shadow属性进行逐个分析。语法CSS Code复制内容到剪贴板E {box-shadow:inset x-offset y-offset blur-radius spread-radius color...
分类：
Web程序 时间：
2015-09-09 11:20:16
阅读次数：
156
页面： CSS：* {margin:0;padding:0;}.box {position:relative;float:left;}.content {padding:10px;border:1px solid #ccc;box-shadow:0 0 5px #ccc;border-rad...
分类：
Web程序 时间：
2015-09-06 19:52:20
阅读次数：
144
选中文本时的字体颜色::selection { color: white; background: #0aa284;}去掉chrome记住密码后自动填充表单的黄色背景input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white ins...
分类：
其他好文 时间：
2015-08-31 17:05:46
阅读次数：
202
CSS强大的特效：一、边框：1、box-shadow:10px 10px 10px 10px red水平垂直 模糊延长颜色示例：测试数据 2、border-radius：10px;圆角3、border-image:url("");4、border-color:边框颜色二、背景：1、backgrou....
分类：
Web程序 时间：
2015-08-30 22:53:29
阅读次数：
223
box-shadow是给元素块添加周边阴影效果语法：对象选择器 {box-shadow:X轴偏移量 Y轴偏移量阴影 模糊半径 阴影扩展半径 阴影颜色 [投影方式]}box-shadow: h-shadow v-shadow blur spread color inset;值描述h-shadow水平阴...
分类：
Web程序 时间：
2015-08-30 09:57:45
阅读次数：
191
