手把手教你使用css3给文字添加阴影效果（代码详解）(2)-木庄网络博客

2022-02-24 19:05:59 PHP中文网 JavaScript 百度已收录

文字是没有阴影效果的时候用<style>里面写法输入代码如下：

基本写法代码示例

<style>
p{text-shadow: 5px 5px 5px #FF0000;}
</style>
 
<p>php中文网</p>

代码运行效果图

text-shadow的语法

横向偏移：指文字阴影相对文字本身的位置偏移多少。零为不偏移，与文字位置重合；正数为向右偏移；负数为向左偏移。

纵向偏移：与横向偏移类似，只不过方向为纵向，即上下偏移。

羽化半径：羽化半径越小，则阴影就越锐利;羽化半径越大，则阴影就越朦胧。

阴影颜色：指定阴影的颜色，可以是任何颜色。一般用较深的颜色创造阴影效果，用较浅的颜色创造发光效果。

推荐学习：CSS视频教程

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者