css渐变背景色代码

css渐变背景色代码


2024年4月15日发(作者:)

css渐变背景色代码

CSS渐变背景色可以让网页的色彩更加丰富,使用起来也非常简

单。以下是一些常用的CSS渐变背景色代码。

1. 线性渐变

linear-gradient()函数可以创建线性渐变背景。

/* 上下渐变 */

background: linear-gradient(to bottom, #ffffff, #000000);

/* 左右渐变 */

background: linear-gradient(to right, #ffffff, #000000);

/* 对角线渐变 */

background: linear-gradient(to bottom right, #ffffff,

#000000);

2. 径向渐变

radial-gradient()函数可以创建径向渐变背景。

/* 从中心往外径向渐变 */

background: radial-gradient(circle, #ffffff, #000000);

/* 从上往下径向渐变 */

background: radial-gradient(ellipse at center top,

#ffffff, #000000);

3. 重复渐变

repeating-linear-gradient()和repeating-radial-gradient()

函数可以创建重复渐变背景。

- 1 -

/* 重复线性渐变 */

background: repeating-linear-gradient(to bottom, #ffffff,

#000000);

/* 重复径向渐变 */

background: repeating-radial-gradient(circle, #ffffff,

#000000);

以上就是一些常用的CSS渐变背景色代码,可以根据需要选择使

用。

- 2 -


发布者:admin,转转请注明出处:http://www.yc00.com/news/1713131909a2189176.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信