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