大家好，我是失踪很久的WAWJF
。
有些已经有基础或者很厉害的人说我们的教程很简单。同样，这些教程是为一些没有Web基础的用户准备的。如果他们很强大，你可以去这个网站：https://www.w3school.com.cn。
好了，今天我们就来说说图片的背景。
不透明度设置不透明度文本-阴影设置文本阴影
1. opacity
不透明度可以设计图像的不透明度。
这次为了方便大家临摹，我们的效果会使用图片。
！DOCTYPEhtmlhtmlhead charset charset=’ GBK ‘ style . img { position : relative；opacity:0.4right:20pxtop:15px}/style/head body imgsrc=’ img/giao . jpg ‘/body/html
A2FWhe7fbibUVA/640?wx_fmt=png” data-type=”png” data-w=”956″ style=”” />
我们可以看到，图片giao变的更透明了，下面给大家看看原来的giao图片：
差距很明显吧~~
2. text-shadow
text-shadow用来定义文本阴影。
我们之前讲过box-shadow，那么text-shadow就一样，没有什么难度。
格式差不多，用法如下：
1.
text-shadow: none2.
text-shadow: length1,length2(length3)3.
text-shadow: length1,length2(length3),color-
——无阴影
-
——2~3个值，为长度值，第一个长度值用于定义阴影水平偏移值，第二个用于定义阴影垂直偏移值，第三个用于设置阴影模糊值（选填）。
注意：除了第三个长度值，其他值都可以为负数。
3. ——在2的基础上添加了一个阴影的颜色。
这里建议长度值的单位为em（一个字距）
上代码~
<!DOCTYPE html><html><head><meta charset="GBK"><style>p{text-align: center;font: bold 60px helvetica,arial,sans-serif;color: #fff;text-shadow: black 0.1em 0.1em 0.2em;}</style></head><body><p>45工作室</p></body></html>
注：代码的第八行可能大家比较少见，这是一种font的综合运用，即上面的参数都和文本有关，就是一种简便写法。至于里面的参数大家可以去网上搜索，或者私信公众号询问。
效果也很不错哦~
这就有立体感了，对以后实战运用的页面美化有很大的帮助。
好了，这期完后，大家可以挑战一下我们的每期一题（难度有点大，加油哦）
我们下期再见~
作者：
Алексей
四五帮帮主，四五dark♂帝国元首（划掉）
喜欢HTML/CSS/JS
07年出生，福建福州人，未来的程序员
素描八级，但是还是要请美工
本来想做小程序，结果开了个公众号天天在那边写稿
（PS：名字读作：阿列克谢）
wawjf
（我爱微积分）
与楼上同班同学，都是很hj的人（是的
往期内容（HTML）：
面向05后的HTML教程——第一期
一部分和文本有关的标签
面向05后的HTML教程——第二期
面向05后的HTML教程——第三期
第二期实战题目答案
面向05后的HTML教程——第四期
面向05后的HTML教程——第五期
面向05后的HTML教程——第六期
面向05后的HTML教程——第七期
面向05后的HTML教程——第八期
面向05后的HTML教程——第九期
面向05后的HTML教程——第10期
面向05后的HTML教程——第11期
面向05后的HTML教程——第12期
往期内容（CSS）：
一部分实用的css样式
关于CSS的部分课程——div期
关于CSS的部分课程——position期
某CSS的教程——border期
某CSS的教程——element期（第二期）
CSS教程——第3期
CSS教程——第4期
CSS教程——第5期
往期内容（JS）：
45的JS教程——第一期
45的JS教程——第二期
45的JS教程——第三期
每期一题：
每期一题——000001
每期一题——000001解答
每期一题——000002
每期一题——000002解答
每期一题——000003
每期一题——000003解答
每期一题——000004
每期一题——000004解答
每期一题——000005
每期一题——000006
每期一题——000005解答
每期一题——000006解答
每期一题——000007
每期一题——000007解答
每期一题——000008
每期一题——000008解答
每日一题——000009
每期一题——000009解答
每日一题——00000a
