WEB每日一练----空心文字

当文字的颜色和背景相似的时候,用这种做法可以很好的突显这个文字。

首先让文字的颜色和背景色相似,都是黑色

然后在设置文字的阴影text-shadow

text-shadow: h-shadow v-shadow blur color;
h-shadow:必需,水平阴影位置,允许有负值;(其值为正值向右偏移,其值为负值,向左偏移)
v-shadow:必需,垂直阴影位置,允许有负值;(其值为正值向下偏移,其值为负值,向上偏移)
blur:可选,模糊距离;(其值指的是阴影的模糊程度,其值不能为负值,如果值越大,阴影越模糊,反之阴影越清楚)
color:可选,阴影颜色;(其值指的是阴影的颜色,也可以用rgba色)

文字也好,盒子也好都有8个方向:

我们只要给这8个方向添加阴影就可以了

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值