手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用CSS实现文字的阴影效果
用CSS实现文字的阴影效果
摘要:网站制作使用一些独特的字体效果可以增加网站的整体效果,事实上,对于文字的阴影效果,我们完全可以用CSS来实现!Text-shadowtext...

 网站制作使用一些独特的字体效果可以增加网站的整体效果,事实上,对于文字的阴影效果,我们完全可以用CSS来实现!

Text-shadow

text-shadow可以让我们实现完美的文字阴影效果。基本写法:

1、text-shadow:[颜色 x轴 y轴 模糊半径],[颜色 x轴 y轴 模糊半径]...

2、text-shadow:[x轴 y轴 模糊半径 颜色],[x轴 y轴 模糊半径 颜色]...

这里的颜色就是阴影的颜色,你可以将颜色写在前面,也可以写在最后。x轴和y轴分别是其阴影的偏移位置,模糊半径可以理解为阴影长度。而且现在大部分浏览器都支持多层阴影,你可以用逗号分开多组设置。

【用CSS实现文字的阴影效果】相关文章:

用CSS+JS实现Li背景颜色交替

8个对学习CSS3非常实用的帮助手册

css实现文字层浮在图片之上示例代码

CSS样式表创建美妙绝伦的网站

纯CSS实现鼠标悬停提示的方法

用CSS floats创建三栏页布局

用CSS实现表格背景颜色渐变效果

CSS DIV实现Yahoo搜索框的制作

CSS控制背景图像平铺实现边框阴影效果

纯css实现的下拉菜单只有边框底纹用到图片

精品推荐
分类导航