原文:【基础】CSS实现多重边框的5种方式简言 目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最适合的实现方案。 1 利用描边(outlin... ...
分类：
Web程序 时间：
2018-05-05 14:16:51
阅读次数：
210
CSS 边框属性 参考手册：http://www.runoob.com/css3/css3-borders.html 边框属性有三个 border-radius 处理边框圆角 box-shadow 处理边框阴影 border-image 在使用图片创建边框: border-radius：length ...
分类：
Web程序 时间：
2018-05-04 17:04:00
阅读次数：
229
Selectivizr 让IE 6-8一些的css3选择器 ieBetter 让ie6-8有高级浏览器的特性 ExplorerCanvas 让IE8-的浏览器支持canvas CSS3 Pie 让IE6-9支持border-radious,box-shadow,linear-gradient。 可以 ...
分类：
其他好文 时间：
2018-05-03 15:21:26
阅读次数：
204
最近总结了一些有关于html5和css3的一些常见面试题，希望对正在找工作的你有所帮助。还有欢迎大家补充~~~ 一、HTML5 CSS3 <1>.CSS3有哪些新特性？ 1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、 ...
分类：
Web程序 时间：
2018-04-23 22:50:15
阅读次数：
220
Chapter 4 1. 单侧投影 为元素设置投影可以使用 box-shadow 属性，指定三个长度值（X轴偏移量、Y轴偏移、模糊半径）与一个颜色值 要想只在底部设置投影，需要用到第四个参数：投影的扩张半径，如果该值为负，就代表缩小投影尺寸 此外，还可以通过 filter：drop-shadow（） ...
分类：
Web程序 时间：
2018-04-14 16:25:11
阅读次数：
212
.btn:focus,.btn:active:focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn.active.focus { outline: none; border-color: transparent; box-shadow... ...
分类：
其他好文 时间：
2018-04-09 15:10:41
阅读次数：
192
CSS3边框 三个标签：border-radius,box-shadow,border-image;border-radius可以设置圆角，可分别为左上，右上，左下，右下单独设置圆角。box-shadow设置阴影，水平阴影，垂直，模糊度，颜色，使用特例： 设置卡片效果 。border-image设置 ...
分类：
Web程序 时间：
2018-04-08 21:17:07
阅读次数：
218
<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: auto; padding: 0; } #a1{ width: 100px; height: 100px; border: ...
分类：
其他好文 时间：
2018-04-03 11:28:21
阅读次数：
150
1.可以在不需要默认填写的input框中设置 autocomplete="new-password" 2. input文本框是纯色背景的 input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: ...
分类：
其他好文 时间：
2018-04-02 20:24:08
阅读次数：
167
支持的浏览器有ie9+、chrome、fireFox、opera、safari h-shadow:水平阴影位置 v-shadow:垂直阴影位置 blur:模糊距离 spread:阴影尺寸 color:阴影颜色 inset:将外部阴影改为内部阴影 ...
分类：
其他好文 时间：
2018-03-31 10:14:45
阅读次数：
156
