Linux 拨号vps windows公众号手机端

CSS渐变背景色怎么设置

lewis 7年前 (2018-01-19) 阅读数 10 #程序编程
文章标签 css

CSS渐变背景色可以通过background属性的linear-gradient()函数来设置。

语法:

background: linear-gradient(direction, color-stop1, color-stop2, ...);

参数解释:

  • direction: 渐变的方向,可以是to top(从下往上)、to bottom(从上往下)、to left(从右往左)或to right(从左往右)。

  • color-stopX: 渐变的颜色和位置。可以是一个颜色值,或者是颜色值和位置的组合。位置可以是像素、百分比或关键词。

示例:

div {
background: linear-gradient(to right, red, yellow);
}

这个例子中,div元素的背景色从左到右渐变,起始颜色为红色,结束颜色为黄色。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门