CSS如何定义横向居中,以及阴影效果等
使用DIV+CSS的时候最常见的就是这个问题,DIV+CSS如何横向居中呢?这个问题在使用table布局网页的时候是非常容易实现的,可是使用DIV+CSS的时候就会出现问题了。当然,前提是指你的布局包含在一个层中。就如同这样:
wrap {
width:760px; /* 修改为你的层的宽度 */
margin:0 auto;
}[/code]
但是IE5是不支持这个定义的。解决的办法可以是这样:
[code]body {
text-align:center;
}
#wrap {
width:760px; /* 修改为你的层的宽度 */
margin:0 auto;
text-align:left;
}
第一个body的text-align:center; 是规则定义IE5/Win中body的所有元素居中,而其他的浏览器只是代表文字居中,然后再用第二个text-align:left;将#warp中的文字居左。
再附上IE滚动条的CSS代码:
或者把颜色改成16进制的SCROLLBAR-BASE-COLOR: #808080之类也可以。
下面是CSS的文字阴影效果。CSS中有两种阴影效果,一种是DropShadow(投影),另一种是Shadow(阴影).
1、DropShadow
语法:{FILTER:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)}
Color 代表投影的颜色,格式为“#RRGGBB”
OffX 和 OffY 代表x和y方向的投影偏移量。必须用整数值,正数代表x轴的右方向和y轴的下方向。负值相反。
Positive 参数是一个布尔值。值为true(非0),那么就为任何的非透明像素建立可见的投影。如果值为false(0),那么就为透明的像素部分建立可见的投影。
2、Shadow
语法:
{FILTER:Shadow(Color=color,Direction=direction)}
Color 代表阴影的颜色,格式为“#RRGGBB”
Direction是设置投影的方向,按照顺时针方向进行,0度代表垂直向上,然后每45度为一个单位。默认值是向左的270度。共8个方向。
在CSS里定义类,第一种是投影,第二中是阴影。数值可以自己调整,上面有详细介绍
.dropshadow { filter: DropShadow(Color=green, OffX=5, OffY=5, Positive=1); position: absolute; font-size: 14pt; font-weight: bolder; top: 20px; clip: rect( ); left: 20px}
.shadow { filter: Shadow(Color=green, Direction=135); position: absolute; font-size: 14pt; font-weight: bolder ; left: 350px; top: 20px; clip: rect( )}[/code]
定义到字体:
< Div class=dropshadow>dropshadow - 用CSS做投影效果
< Div class=shadow>shadow - 用CSS做阴影效果
No Comments, Comment or Ping
Reply to “CSS如何定义横向居中,以及阴影效果等”