背景线性渐变（css）

最新推荐文章于 2024-06-20 11:21:40 发布

凡凡小码农～

最新推荐文章于 2024-06-20 11:21:40 发布

阅读量142

点赞数 1

文章标签： css html

本文链接：https://blog.youkuaiyun.com/m0_48387335/article/details/120521795

版权

本文详细介绍了CSS中的线性渐变语法，包括如何设置起始方向、颜色停止点，并提供了多个实例展示不同方向的渐变效果。重点讲解了浏览器私有前缀的使用，以及默认的渐变方向。

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

语法1：线性渐变必须添加浏览器的私有前缀，起始方向可以是：方位名词或者度数，如果省略默认就是top

background:linear-gradient(起始方向,颜色1,颜色2,...);
/*1.起始方向从左边开始*/
background:-webkit-linear-grandient(left,red,blue);
/*2.从左上角开始*/
background:-webkit-linear-grandient(top left,red,blue);
/*3.默认是top从上往下*/
background:-webkit-linear-grandient(red,blue);