一、box-shadow语法: box-shadow: none | inset(可选值,不设置,为外投影,设置,为内投影) x-offset(阴影水平偏移量,正方向为right) y-offset(阴影垂直偏移量,正方向为bottom) blur-radius(阴影模糊半径,为正,0为无模糊效果, ...
分类:
其他好文 时间:
2016-08-15 01:33:46
阅读次数:
477
边框图片 boder-image: 盒子阴影 box-shadow: box-shadow:X轴偏移量 Y轴偏移量[阴影模糊半径] [阴影颜色] [投影方式] 段落样式 行高 p{line-height:25px;} p{line-height:150%;} 段落缩进 text-align:left ...
分类:
Web程序 时间:
2016-08-14 23:46:03
阅读次数:
400
box-shadow box-shadow可以为元素添加阴影,支持添加一个或者多个。 参数: 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。 阴影模糊半径: 此参数可选,值只能是为正值,如果值为0时,表示阴影不具有模糊效果,值越大阴影的边缘就越模糊。 css代码: 效果: 阴影 ...
分类:
Web程序 时间:
2016-08-14 19:02:17
阅读次数:
189
一. box-shadow(阴影效果)使用:box-shadow: 20px 10px 0 #000;-moz-box-shadow: 20px 10px 0 #000;-webkit-box-shadow: 20px 10px 0 #000;支持: FF3.5, Safari 4, Chrome ...
分类:
Web程序 时间:
2016-08-14 16:12:56
阅读次数:
243
1.border边框属性可设置宽度,线样式和颜色 2.border-radius 边框圆角属性 3.border-image 后面的值可以设置4个。 4.box-shadow (加上inset就是往里面凹) 5.line-height 6.text-indent (缩进2个字符) 7.letter ...
分类:
其他好文 时间:
2016-08-12 11:37:02
阅读次数:
114
1.border-width:边框宽度。 2.border-color:边框颜色。 3.border-style:边框线样式。 4.border:边框。 5.border-radius:圆角。 6.border-image:边框背景图片。 7.box-shadow:盒子模型。 8.line-heig ...
分类:
Web程序 时间:
2016-08-12 01:01:32
阅读次数:
195
border-width、border-style、border-color这三个边框属性一般都简写为border属性: border-radius属性是css三中非常常用的一个属性,巧妙运用该属性可以完成很多意想不到的效果。 border-image可用图片作边框。 box-shadow可设置盒阴 ...
分类:
Web程序 时间:
2016-08-11 20:52:32
阅读次数:
125
.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DX ...
分类:
其他好文 时间:
2016-08-09 15:01:08
阅读次数:
173
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:
Web程序 时间:
2016-08-09 13:34:43
阅读次数:
210
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> canvas { box-shadow: 0 0 10px greenyellow; } </style> </h ...
分类:
其他好文 时间:
2016-08-06 15:44:24
阅读次数:
220