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条)