1.边框 div{border:2px solid;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */} border-radius可以让边框的角变成园 box-shadow是用于向方框添加阴影 例如 div{box-shado ...
分类：
Web程序 时间：
2016-09-26 06:27:22
阅读次数：
203
圆角边框 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
border-radius：允许向元素添加圆角 box-shadow：阴影 设置多层阴影 box-shadow:10px 10px 5px 5px gray,15px 15px 5px 5px blue,20px 20px 5px 5px gray;/* 多层阴影*/ border-image属性用 ...
分类：
Web程序 时间：
2016-09-24 18:54:35
阅读次数：
240
css3边框 boder-radius 两个参数：左上右下， 右上左下（具体数值就是远的半径） 四个参数：左上 右上 右下 左下 （顺时针） box-shadow 参数：水平距离 垂直距离 模糊边框 模糊半径 颜色 是否在边界内部（inset/默认为outset） css3背景 background... ...
分类：
Web程序 时间：
2016-09-24 17:24:48
阅读次数：
160
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } ...
分类：
其他好文 时间：
2016-09-23 18:25:21
阅读次数：
116
1.大漠的那个例子中取不到数据是因为路径不对。加上／src／就可以了。 2. select原生的样式后面是一个蓝色的选择的东西。bootstrap中是用的webkit-box-shadow将它弄没的。 3. 如果对象里面没有那个属性是undefined。 4. 函数声明是会变量提升的。函数表达式不会 ...
分类：
其他好文 时间：
2016-09-21 10:09:46
阅读次数：
125
基于webkit的浏览器现在也可以自定义其样式： ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-b ...
分类：
Web程序 时间：
2016-09-16 18:18:50
阅读次数：
247
box-shadow ： 那第三个参数（模糊距离）和第四个参数（阴影尺寸）你能搞清楚他们的区别吗？ 于是，做下对比： 阴影尺寸： 可见，它相当于增加了border的宽度。但不是border哦，与border不同，box-shadow并不占据空间。在一些渐进增强的地方可以用。 模糊距离： 在这里根据他 ...
分类：
其他好文 时间：
2016-09-13 22:03:09
阅读次数：
800
写在前面的话： 由于CSS3标准还未完全订下来，所以各种内核的浏览器都有自己的标准，为了不使属性混淆，所以各家在各家自标准前加了一个前缀， 如：-moz-主要是firefox火狐 -webikt-主要是chrome谷歌 -o-主要是用于苹果浏览器 一.box-shadow（阴影效果） 使用： box ...
分类：
Web程序 时间：
2016-09-11 21:35:53
阅读次数：
201
可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景；如：代码如下: input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px soli ...
分类：
其他好文 时间：
2016-09-08 16:20:30
阅读次数：
137
