css3 text-shadow 为网页字体添加阴影
来源:互联网 发布:恋恋软件 编辑:程序博客网 时间:2024/05/30 23:45
css3 text-shadow 为网页字体添加阴影
text-shadow:为网页字体添加阴影, 可以通过对text-shadow属性设置相关的属性值,可以实现一些漂亮的字体阴影效果。
属性与值的说明如下:
text-shadow: [Color,X-offset,Y-offset,Blur];
color:指阴影的颜色;
X-offset:指阴影水平偏移的位置。
Y-offset:指阴影垂直偏移的位置。
Blur:指阴影的模糊值。
text-shadow:#000 5px 5px 5px;
示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>text-shadow 为网页字体添加阴影</title>
<style>
.aixuexi{
border:1px solid red;
width:200px;height:100px;
text-shadow:#996600 5px 5px 10px;
}
</style>
</head>
<body>
<div class='aixuexi'>what is your name!</div>
</body>
</html>
0 0
- css3 text-shadow 为网页字体添加阴影
- DIV CSS3 text-shadow字体阴影
- 【CSS3】---文本阴影text-shadow
- 【CSS3】文本阴影text-shadow
- CSS3文本阴影text-shadow
- css 字体阴影text-shadow
- CSS3之阴影-文字阴影text-shadow
- css3 box-shadow 为DIV添加阴影
- CSS3文字与字体:text-overflow 与 word-wrap、@font-face、文本阴影text-shadow
- CSS3的文字阴影—text-shadow
- CSS3的文字阴影—text-shadow
- CSS3之文字阴影text-shadow
- CSS3的文字阴影—text-shadow
- CSS3的文字阴影—text-shadow
- CSS3 参考指南:文字阴影text-shadow
- CSS3的文字阴影—text-shadow
- CSS3的文字阴影—text-shadow
- CSS3的文字阴影—Text-Shadow
- 创建struts项目
- Java开发中的23种设计模式详解(二)
- join()一个实例来说明
- AndroidStudio混淆
- CentOS下DB2数据库安装过程详解
- css3 text-shadow 为网页字体添加阴影
- Sphinx 安装,配置,使用,分页
- Android L SurfaceFlinger dump信息全解(一)
- 批量修改|导入Unity3d资源属性,帮助那些遗忘勾、选项的美术同学们 (其实我做美术的时候也一样有健忘症)
- [AWS 入门] CLI
- Android Studio、Git 解决合并冲突
- UVa 437 The Tower of Babylon
- 利用checkbox删除数据的做法
- Qt学习之路(32): 一个简易画板的实现(Graphics View)