lineargradient用CSS如何设置网页渐变背景?

lineargradient  时间:2021-06-22  阅读:()

css中颜色渐变怎么写

线性渐变 - 从上到下(默认情况下) #grad {background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(red, blue); /* 标准的语法 */ } 从左到右的线性渐变:e799bee5baa6e79fa5e98193e78988e69d8331333363353765 #grad { background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, red , blue); /* 标准的语法 */

用CSS如何设置网页渐变背景?

在background-image属性中使用linear-gradient()。

background-image:?[?,??] ?=??|?none 默认值:none 适用于:所有元素 继承性:无 动画性:否 计算值:指定值 取值: none:无背景图。

:使用绝对或相对地址指或者创建渐变色来确定图像。

?=?linear-gradient([?[??|?to??]?,]??<>[,?<>]+) ?=?[left?|?right]?||??|?bottom] <>?=??[??|??]? 取值: 下述值用来表示渐变的方向,可以使用角度或者关键字来设置: : 用角度值指定渐变的方向(或角度)。

to?left: 设置渐变为从右到左。

相当于:?270deg to?right: 设置渐变从左到右。

相当于:?90deg : 设置渐变从下到上。

相当于:?0deg to?bottom: 设置渐变从上到下。

相当于:?180deg。

这是默认值,等同于留空不写。

<>?用于指定渐变的起止颜色: : 指定颜色。

: 用长度值指定起止色位置。

不允许负值 : 用百分比指定起止色位置。

说明: 用线性渐变创建图像。

如果想创建以对角线方式渐变的图像,可以使用??left?这样的多关键字方式来实现。

搬瓦工香港 PCCW 机房已免费迁移升级至香港 CN2 GIA 机房

搬瓦工最新优惠码优惠码:BWH3HYATVBJW,节约6.58%,全场通用!搬瓦工关闭香港 PCCW 机房通知下面提炼一下邮件的关键信息,原文在最后面。香港 CN2 GIA 机房自从 2020 年上线以来,网络性能大幅提升,所有新订单都默认部署在香港 CN2 GIA 机房;目前可以免费迁移到香港 CN2 GIA 机房,在 KiwiVM 控制面板选择 HKHK_8 机房进行迁移即可,迁移会改变 IP...

炭云188元/年,上海CN2 VPS/2核/384MB内存/8GB空间/800GB流量/77Mbps端口/共享IP

炭云怎么样?炭云(之前的碳云),国人商家,正规公司(哈尔滨桓林信息技术有限公司),主机之家测评介绍过多次。现在上海CN2共享IP的VPS有一款特价,上海cn2 vps,2核/384MB内存/8GB空间/800GB流量/77Mbps端口/共享IP/Hyper-v,188元/年,特别适合电信网络。有需要的可以关注一下。点击进入:炭云官方网站地址炭云vps套餐:套餐cpu内存硬盘流量/带宽ip价格购买上...

vpsdime:VPS内存/2核/VPS,4G内存/2核/50gSSD/2T流量/达拉斯机房达拉斯机房,新产品系列-Windows VPS

vpsdime上了新产品系列-Windows VPS,配置依旧很高但是价格依旧是走低端线路。或许vpsdime的母公司Nodisto IT想把核心产品集中到vpsdime上吧,当然这只是站长个人的猜测,毕竟winity.io也是专业卖Windows vps的,而且也是他们自己的品牌。vpsdime是一家新上来不久的奇葩VPS提供商,实际是和backupspy以及crowncloud等都是同一家公司...

lineargradient为你推荐
dell服务器维修DELL的维修点在哪。谁知道?网络视频下载器网络视频下载工具哪个好用?sdfsdfsdfsdf世界上最大的一块金砖有多重?java程序员招聘为什么Java程序员工资都很高gas是什么意思petrol和gas的区别动画分镜头脚本动画分镜头台本的作用?东兴证券网站东兴证券超强版下载怎么查微信注册时间怎么查对方的微信号什么时候注册的短信套餐移动有什么短信包月套餐,怎么开通?微盟价格微盟怎么收费?
jsp虚拟空间 网站空间商 免费二级域名申请 godaddy域名解析教程 GGC edis 主机屋免费空间 patcha NetSpeeder 私有云存储 hnyd 免费申请网站 电信托管 iki 贵阳电信 双11促销 数据湾 nnt 优惠服务器 机柜尺寸 更多