当文字的颜色和背景相似的时候,用这种做法可以很好的突显这个文字。
首先让文字的颜色和背景色相似,都是黑色
然后在设置文字的阴影text-shadow
text-shadow: h-shadow v-shadow blur color;
h-shadow:必需,水平阴影位置,允许有负值;(其值为正值向右偏移,其值为负值,向左偏移)
v-shadow:必需,垂直阴影位置,允许有负值;(其值为正值向下偏移,其值为负值,向上偏移)
blur:可选,模糊距离;(其值指的是阴影的模糊程度,其值不能为负值,如果值越大,阴影越模糊,反之阴影越清楚)
color:可选,阴影颜色;(其值指的是阴影的颜色,也可以用rgba色)
文字也好,盒子也好都有8个方向:
我们只要给这8个方向添加阴影就可以了