css渐变背景色代码
CSS渐变背景色可以让网页的色彩更加丰富,使用起来也非常简单。以下是一些常用的CSS渐变背景色代码。
1. 线性渐变
linear-gradient()函数可以创建线性渐变背景。
豫园介绍
way back into love歌词 /* 上下渐变 */
background: linear-gradient(to bottom, #ffffff, #000000);
/* 左右渐变 */
background: linear-gradient(to right, #ffffff, #000000);
/* 对角线渐变 */racer
background: linear-gradient(to bottom right, #ffffff, #000000);
2. 径向渐变
radial-gradient()函数可以创建径向渐变背景。
树仁大学 /* 从中心往外径向渐变 */
上海复兴高级中学>saintgobain background: radial-gradient(circle, #ffffff, #000000);
/* 从上往下径向渐变 */
background: radial-gradient(ellip at center top, #ffffff, #000000);
3. 重复渐变
alert是什么意思 repeating-linear-gradient()和repeating-radial-gradient()函数可以创建重复渐变背景。同声传译培训
/* 重复线性渐变 */
北京艺考培训中心 background: repeating-linear-gradient(to bottom, #ffffff, #000000);
/* 重复径向渐变 */
background: repeating-radial-gradient(circle, #ffffff, #000000);
以上就是一些常用的CSS渐变背景色代码,可以根据需要选择使用。
>面部毛孔