3-1文字阴影

文字阴影,text-shadow的4个参数分别是:横向位移,纵向位移,模糊度,颜色

你好!
text-shadow: 5px 5px 5px gray;
你好!
text-shadow: -5px -5px 5px gray;
你好!
text-shadow: 2px 1px 2px gray;
你好!
text-shadow: 5px 5px 20px gray;
你好!
text-shadow: 3px 2px 0 gray;
你好!
text-shadow: 3px 2px 3px pink;
你好!
text-shadow: 2px 2px 0px red, 10px 9px 1px #ffb08b, 25px 17px 2px #f1ee00, 50px 28px 3px #00bc0d, 100px 40px 4px #a3ddff;




图片上的文字阴影

#shadowInImg{ position: relative; } #shadowInImg div{ position: absolute; top:30%; left:130px; color: #ffffff; font-size: 42px; font-weight: bold; text-shadow: 3px 3px 5px black; }
你好!

图片上添加阴影可以让字看起来更清晰