CSS3文本阴影text-shadow_bymyself11的博客-程序员秘密

text-shadow可以用来设置文本的阴影效果。

语法：

text-shadow: X-Offset Y-Offset blur color;

X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移；

Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移；

Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0；

Color：是指阴影的颜色，其可以使用rgba色。

实例代码如下：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<title>text-shadow</title>
<style type="text/css">
.demo {
    width: 340px;
    padding: 30px;
    font: bold 55px/100% "微软雅黑";
    background: #C5DFF8;
    text-shadow: 2px 2px 0 red;
}
</style>  
</head> 
<body>
<div class="demo">HELLO MY FRIEND</div>
</body>
</html>

运行结果：

本文链接：https://blog.csdn.net/bymyself11/article/details/51957373

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

星巴克不使用两阶段提交_程序员小乐的博客-程序员秘密

点击上方 "程序员小乐"关注,星标或置顶一起成长后台回复“大礼包”有惊喜礼包！关注订阅号「程序员小乐」，收看更多精彩内容每日英文Sometimes, you don&#...

【OpenCV图像处理入门学习教程二】不同阈值二值化图像_陈胃痛的博客-程序员秘密

OpenCV图像处理入门学习教程系列，上一篇第一篇：OpenCV2 + 3的安装教程与VS2013的开发环境配置 + JPEG压缩源码分析与取反运算修改图像二值化介绍图像二值化是图像预处理中非常重要的一部分。图像二值化简单来说就是将256个亮度等级的灰度图像通过适当的阈值选取而获得仍然可以反映图像整体和局部特征的二值化图像。在数字图像处理中，二值图像占有非常重要的地位，首先，图像的二值化有利于图像...

Object-C 封装、拆包基本数据类型_TXWSLJH的博客-程序员秘密

Object-C 封装、拆包基本数据类型Foundation 框架下的基本类NSValue / NSNumber功能将OC和C当中的基本数据类型转换成实例对象，即将值类型转换成引用类型 //Object-C的基本数据数据类型 int a = 5 ; float b = 4.5 ; double c = 34.5545 ; char

配置全面升级！NANK南卡骨传导运动耳机Runner CC 3新品首发_老师好我叫卡同学的博客-程序员秘密

近日，中国专业骨传导耳机品牌NANK南卡正式发布新潮活力款——Runner CC 3骨传导耳机，专门针对年轻消费群体，入门级的价格搭载千元级配置，鼓励更多的年轻人加入运动行列，享受音乐带来的快乐，激发无限潜能。全新的Runner CC 3骨传导耳机，在功能配置上实现了全面升级，搭载更加出色的芯片以及强悍的独家核心技术，在佩戴上也更加舒适轻盈、牢固，并且只需入门级的价格就可以享受到千元级的配置，绝对的诚意之作。

（经验）怎样花两年时间去面试一个人_我不是至尊宝的博客-程序员秘密

【怎样花两年时间去面试一个人】 http://news.cnblogs.com/n/120886/　Joel Spolsky 曾经感叹：招聘难，难于上青天（此处笔者稍加演绎:)）。他有两个辛辣但不乏洞察力的断言：真正的牛人也许一辈子就投大概4次简历，这些家伙一毕业就被好公司抢走了，并且他们的雇主会给他们不赖的待遇，所以他们也不想挪窝。（刚刚去世的 Dennis Rit

JDK1.8新特性(一) ----Lambda表达式、Stream API、函数式接口、方法引用_筱荣的博客-程序员秘密

jdk1.8新特性知识点： Lambda表达式 Stream API 函数式接口方法引用和构造器调用接口中的默认方法和静态方法新时间日期API default Lambda表达式 Lambda就是把我们之前一些复杂的代码更简单化，比如集合内容的判断比较/排序，我们之前可以进行遍历判断取出我们想要的数据...