css阴影怎么做css的阴影怎么做

2024-07-08 01:58:15 浏览

3,然后,我们就能写上语句使用【text-shadow】阴影。

css阴影怎么做css的阴影怎么做

4,接下来,我们就能为他设置X和Y轴的偏移位置。

5,此时,我们就能为他设置10个像素的模糊程度和颜色

6,好了后,我们就能去这里观看,我们的文字阴影效果了。

1、首先新建一个HTML文件,输入基本的内容,这里设置一个div,并把它的class设置为demo,用浏览器打开看看默认的效果。

2、设置div的样式,这里给div300px的宽度。用border-bottom属性,设置底框为3像素,用实线框,颜色偏红色,设置完成后保存查看效果。

3、继续对边框美化,用box-shadow属性加入阴影效果,4个数值分别为垂直阴影,水平阴影,阴影尺寸,阴影颜色;设置阴影圆角为4em,最后按下crtl+s保存,在左边的浏览器就可以看见边框新的效果了。

本文版权声明本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系本站客服,一经查实,本站将立刻删除。