html 给文字添加阴影

html 给文字添加阴影,第1张

1、设置h3的style以此来添加text-shadow,这个就是文字的阴影了哦。它的参数分别表示阴影的水平距离,垂直距离以及模糊程度和阴影的颜色了。

2、前两个数值越大距离原来文字的距离就会越远哦。而第三个值越大那么阴影就会越模糊哦。

3、div元素添加阴影效果也是差不多的情况,不过用到的是box-shadow属性而已,参数也是一样的。

4、比方我就设置了div元素的红色阴影效果。

5、如果想要让div元素的阴影效果更加的逼真,那么可以适当的缩写数值哦。

方法/步骤

1/5分步阅读

在桌面右键打开hx软件。

2/5

ctrl+n新建一个html文件,点击创建。

3/5

在body写代码便于测试。

4/5

菜单栏下面找到运行到浏览器。

5/5

效果就出现了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7402728.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存