正文
阴影样式css,阴影样式4怎么设置
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css图片中文字阴影效果怎么做
文字阴影使用css3里面的 text_shadow:0 1px 1px rgba（0,0,0,0.8）；就可以了
前面三个数值是上下左右阴影偏向的距离 ；
rgba（0,0,0,0.8）这个是阴影的颜色；
你可以自己试试看
相关问答
Q1: css3中的阴影怎么写
box-shadow 属性--设置元素阴影
实例： 向 div 元素添加 box-shadow
!DOCTYPE html
html
head
style
div{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
/style
/head
body
div/div
/body
/html
text-shadow 属性 ---设置文字阴影
!DOCTYPE html
html
head
style
h1{
text-shadow: 5px 5px 5px #FF0000;
}
/style
/head
body
h1文本阴影效果！/h1
/body
/html
Q2: 用css应该如何表示ps上的阴影
颜色（color）：rgb(0，0，0)
不透明度（opacity）：10%
角度（Angle）:投影的角度
距离（Distance）:阴影的距离。根据角度和距离可以换算出CSS3阴影中的x-offset和y-offet。 x-offset = Distance * cos(180 -Angle) ， y-offset = Distance * sin(180 - Angle)
扩展（Spread）: 阴影的扩展大小。控制阴影实体颜色和虚化颜色的多少。 Spread * Size = 阴影中实体颜色的大小 。剩下的就是虚化的颜色。CSS3阴影 spread-radius = Spread * Size
大小（Size）: 阴影的大小。在CSS3中 blur-radius + spread-radius = Size 即 blur-radius = Size - spread-radius
x-offset: 87 * cos(180°-(- 90°)) = 0px（87=Distance(ps上的距离)，-90°=Angle（ps上的角度））
y-offset: 87 * sin(180°- (- 90°)) =-87px（同理，注意是sin，不是cos）
spread-radius: 0*73=0px（0=Spread（ps上的扩展），73=Size(ps上的大小)）
blur-radius: 73-0=73px（73=Size(ps上的大小)，0=spread-radius（上一行的数据））
color+opacity：rgba(0,0,0,.1) (.1就是10%，就是不透明度)
Q3: CSS实现表格阴影
1、实践代码：
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
titleCSS实现表格阴影/title
/head
body
table width=300 height=215 align=left bordercolor="#FF9966" bgcolor=#f3f3f3
style="filter:progid:DXImageTransform.Microsoft.Shadow
(Color=#666666,Direction=120,strength=5)"
tr
td width="230" bgcolor="#FF9966" align="center"
这是一个表格阴影特效，用CSS实现的。/a
/td
/tr
/table
/body
/html
2、用纯CSS代码实现的表格阴影代码，这里仍然是用到了filter属性，至于阴影阴影透明义或偏移角度可以自选调整，仅提供一种思路。
Q4: 用css给div的border设置阴影、只要上、下、左有，右边不要阴影、请问该怎么写？
1、首先新建一个html文件，命名为test.html，使用div标签创建一个模块，用于测试。如下图所示。
2、在test.html文件内，给div添加一个class属性，属性值设置为myway。
3、然后在css标签内，通过class设置div的样式，定义它的宽度为200px，高度为200px，背景颜色为黑色。
4、接着在css标签内，再使用box-shadow属性设置div的阴影效果，其中，左边阴影为绿色，顶部阴影为蓝色，底部阴影为红色，右边阴影为黄色。
5、最后在浏览器打开test.html文件，查看实现的效果，如下图所示就完成了。
Q5: CSS 阴影怎么写？
只有CSS3才zh支持阴影效果，ke可以用如下写法：
.shadow {
-webkit-box-shadow:1px 1px 3px #292929;
-moz-box-shadow:1px 1px 3px #292929;
box-shadow:1px 1px 3px #292929;
}
上面的代码只能在火狐，chromex下能显示，IE系列还是用tu图片吧~~
