CSS用于控制网页的样式和布局。CSS3是最新的CSS标准。CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。一些最重要CSS3模块如下:选择器盒模型背景和边框文字特效2D/3D转换动画多列布局http://www.iis7.com/b/wzjk/用户界面:css3边框:border-radius:属性被用于创建圆角box-shadow:属性被用来添加阴影(1.位置左
分类:
Web程序 时间:
2018-09-18 11:12:06
阅读次数:
206
阴影 box-shadow: X轴偏移量,Y轴偏移量 模糊距离 阴影宽度 inset为内部阴影,忽略为外部阴影; 如果需要添加多个阴影,只需要用逗号隔开 .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12p ...
分类:
Web程序 时间:
2018-09-16 17:40:15
阅读次数:
190
在x,y轴偏移10px,模糊10px,拓展10px 不拓展,就是真正的阴影 inset 内阴影 同样是向x,y轴偏移 当x y 扩展为0时,效果更好看 box-shadow还可以做边框 只扩展,这个边框不占位置 box-shadow投影 在原点100px,100px出投影出一个阴影 阴影的图案是和原 ...
分类:
其他好文 时间:
2018-09-16 12:29:13
阅读次数:
499
color:blue //前景色 opacity:0.1// 前景 背景都可以用, 0~1 ,透明度 box-shadow (text-shadow) box-shadow : CSS 版本 box-shadow hoffset 阴影的水平偏移量,是一个长度 值,正值表示阴影向右偏移,负值 表示阴影 ...
分类:
其他好文 时间:
2018-09-09 14:53:07
阅读次数:
174
在苹果手机上,输入框内默认有阴影,使用box-shadow无法清除,如果不需要阴影,可以这样清除: ...
分类:
移动开发 时间:
2018-08-30 12:54:58
阅读次数:
137
1、css3 box-shadow 对于不同的浏览器,兼容问题的解决办法:.box_shadow{ filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for i ...
分类:
其他好文 时间:
2018-08-29 14:29:08
阅读次数:
155
边框:border border-width border-color border-style border-radius 圆角 box-shadow:x y r color; x 是正负数 正数说明阴影往右; y 为正数 阴影往下; r 就是阴影的范围; color 就是阴影的颜色。 2d空间 ...
分类:
其他好文 时间:
2018-08-27 18:46:09
阅读次数:
179
1.给边框设置阴影 border:2px solid #e4007e; box-shadow: darkgrey 0px 0px 30px 5px inset;//边框内阴影 距离左边像素 距离上边像素 模糊度 边框 2. 设置渐变的背景颜色 /* background: -webkit-radia ...
分类:
Web程序 时间:
2018-08-16 19:56:25
阅读次数:
183
恢复内容开始 CSS可以 控制网页的布局和样式,CSS3是最新的CSS标准。 一、通过CSS3,可以可以创建圆角边框,给矩形添加阴影,将边框替换成图形。且不需要使用设计软件,如PS等。 CSS3边框boder-radius box-shadow boder-image。 boder-radius属性 ...
分类:
Web程序 时间:
2018-08-16 13:53:44
阅读次数:
170
1、边框 (1)盒子圆角bored-radius:25px/40%; border-radius:15px 10px 7px 2px; 顺序为左上、右上、右下、左下顺时针 (2)盒子阴影box-shadow box-shadow:x轴偏移量 + y轴偏移量 + 阴影模糊半径(阴影颜色的模糊程度) + ...
分类:
Web程序 时间:
2018-08-16 00:52:21
阅读次数:
275