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?这样的多关键字方式来实现。

TMTHosting:夏季优惠,美国西雅图VPS月付7折,年付65折,美国服务器95折AS4837线路

tmthosting怎么样?tmthosting家本站也分享过多次,之前也是不温不火的商家,加上商家的价格略贵,之到斯巴达商家出现,这个商家才被中国用户熟知,原因就是斯巴达家的机器是三网回程AS4837线路,而且也没有多余的加价,斯巴达家断货后,有朋友发现TMTHosting竟然也在同一机房,所以大家就都入手了TMTHosting家的机器。目前,TMTHosting商家放出了夏季优惠,针对VPS推...

美得云(20元)香港特价将军澳CTG+CN2云服务器

美得云成立于2021年,是一家云产品管理服务商(cloud)专业提供云计算服务、DDOS防护、网络安全服务、国内海外数据中心托管租用等业务、20000+用户的选择,43800+小时稳定运行香港特价将军澳CTG+CN2云服务器、采用高端CPU 优质CN2路线 SDD硬盘。香港CTG+CN22核2G3M20G数据盘25元点击购买香港CTG+CN2​2核2G5M30G数据盘39元点击购买香港CTG+CN...

gcorelabs:美国GPU服务器,8张RTX2080Ti,2*Silver-4214/256G内存/1T SSD/

gcorelabs提供美国阿什本数据中心的GPU服务器(显卡服务器),默认给8路RTX2080Ti,服务器网卡支持2*10Gbps(ANX),CPU为双路Silver-4214(24核48线程),256G内存,1Gbps独享带宽仅需150欧元、10bps带宽仅需600欧元,不限流量随便跑吧。 官方网站 :https://gcorelabs.com/hosting/dedicated/gpu/ ...

lineargradient为你推荐
instagram电脑版iOS 有哪些优秀的照片处理软件存储区域网络网络存储技术的SAN(存储区域网络)的优点怎么用电脑发短信怎么样用电脑给手机发短信?公众号付费阅读为什么微信公众号阅读要收费?shoujiao手机电池突然充不上电,是怎么回事?该怎么办?java程序员招聘女java程序员好找工作嘛gas是什么意思petrol和gas的区别全局钩子求助:全局钩子是怎么回事啊?下载的游戏为什么会安装钩子?求大神帮助flash序列号flash激活序列号是?短信套餐移动有什么短信包月套餐,怎么开通?
黑龙江域名注册 欧洲免费vps 美国加州vps 香港vps99idc 鲨鱼机 优key softbank官网 商家促销 一元域名 网站挂马检测工具 腾讯云分析 免费智能解析 如何注册阿里云邮箱 Updog lamp兄弟连 电信宽带测速软件 腾讯网盘 godaddyssl windowsserver2008 建站论坛 更多