html5 中制作圆形渐变颜色

最新推荐文章于 2021-06-28 15:43:07 发布

Jonly_W

最新推荐文章于 2021-06-28 15:43:07 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Jonly_W/article/details/78906410

本文介绍如何使用CSS设置div元素的样式，包括宽度、高度、背景颜色、边框圆角、阴影及背景渐变效果，实现一个具有视觉吸引力的圆形渐变div。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="div4"></div>

在style 中设置 div 的属性

#div4{ 
				width: 160px;                        //宽
				height: 160px;                      //高
				background-color: pink;            //颜色
				border-radius: 80px;              //半径
				box-shadow: 2px 2px 2px blue;    //阴影部分
				background-image: -webkit-linear-gradient(left,red,blue,green,pink);  //渐变颜色 从左开始颜色--
			}