利用border-radius及box-shadow制作圆角表格界面效果图如下：css样式如下所示：* { margin: 0; padding: 0; } body { padding: 40px 100...
分类：
Web程序 时间：
2015-05-31 19:57:02
阅读次数：
158
from:http://jingyan.baidu.com/article/03b2f78c4d9fae5ea237aea6.htmlcss3 box-shadow 内阴影与外阴影1-box-shadow具体使用方法，语法：E {box-shadow:inset x-offset y-offset ...
分类：
Web程序 时间：
2015-05-30 16:38:10
阅读次数：
107
一、box-shadow介绍box-shadow属性向box添加一个或多个阴影。语法：box-shadow: offset-x offset-y blur spread color inset;box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展] [阴影颜色] [投影方式]...
分类：
Web程序 时间：
2015-05-29 09:44:44
阅读次数：
1106
（从已经死了一次又一次终于挂掉的百度空间人工抢救出来的，发表日期2014-04-24）今天发现使用box-shadow属性，可以很好的给div添加阴影效果，但是添加的效果如果是：-moz-box-shadow:0 4px 4px #999;-webkit-box-shadow:0 4px 4px #...
分类：
其他好文 时间：
2015-05-26 10:37:16
阅读次数：
120
两个图的对比可以看出，中心点距离边框的距离是垂直距离。这样就不难绘制圆形，设置四边框距离恒定100px;绘制三角形只要把另外三个边隐藏就行了 .class:hover{ box-shadow:rgba(255,2...
分类：
其他好文 时间：
2015-05-22 00:07:01
阅读次数：
425
转自酷赛瑞尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的...
分类：
Web程序 时间：
2015-05-20 12:50:07
阅读次数：
199
::-webkit-scrollbar { width: 12px;} /* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border...
分类：
Web程序 时间：
2015-05-19 18:51:39
阅读次数：
166
CSS3 边框CSS3 圆角边框border-radius：div{ border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */}CSS3 边框阴影box-shadow：div{ ...
分类：
Web程序 时间：
2015-05-18 20:07:36
阅读次数：
114
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类：
其他好文 时间：
2015-05-14 13:39:02
阅读次数：
144
.dome2 { box-shadow: -2px 0 0 green, //左边阴影 0 -2px 0 blue, //顶部阴影 0 2px 0 red, //底部阴影 2px 0 0 yellow; //右边阴影 }
分类：
其他好文 时间：
2015-05-13 18:29:50
阅读次数：
430
