欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

制作一个渐变色背景

发布时间:2023/12/8 51 豆豆
生活随笔 收集整理的这篇文章主要介绍了 制作一个渐变色背景 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

1.打开 Visual Studio Code

2.Ctrl+N新建一个html文档

3.在body部分给他一个div标签,也就是一个装内容的盒子,在title下方写入style样式标签,宽为200px,高为200px

4.再输入代码background-image:radial-gradient(circle at 20% 10%,red,green);

意思就是由红色渐变到绿色,红色占15%,绿色占85%

 

5.效果

 

总结

以上是生活随笔为你收集整理的制作一个渐变色背景的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。