ii23休闲社区

 找回密码
 注册(请使用中文昵称)

QQ登录

只需一步,快速开始

扫一扫,访问微社区

积分、等级、阅读权限说明社区担保,交易无忧
查看: 1081|回复: 7

[表格教程] 表格背景颜色渐变代码

[复制链接]

签到天数: 2267 天

[LV.Master]伴坛终老

獨噯丶婼詩
幸福:10064℃
发表于 2018-10-14 17:30:37 | 显示全部楼层 |阅读模式
本帖最后由 II.〆石Zi° 于 2018-10-14 18:38 编辑

线性渐变:

      写法一:background: linear-gradient(gold,black) 【表示颜色从上往下,从金色到黑色转换,各占50% (默认)】

例子:

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

代码:

<table width="200" class="t_table" style="background: linear-gradient(gold, black); width: 200px;">
<tbody>
<tr>
<td><p>颜色渐变</p><p>颜色渐变</p><p>颜色渐变</p><p>颜色渐变</p><p>颜色渐变</p><p>颜色渐变</p>
</td>
</tr>
</tbody></table>


写法二:linear-gradient(to right,gold,green) 【表示颜色的渐变方向(也是九宫格)】

例子:

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

写法三:background:liner-gradient(45deg,gold,black)【表示中中间的水平线顺时针旋转10度开始渐变】

例子:

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

写法四:background:linear-gradient(gold 20%,black 30%,pink)【表示颜色渐变所占的百分比】

例子:

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

写法五:复合写法background:linear-gradient(to top right,gold 20%,black 30%,pink)【表示颜色从右下角往左上角,从红色开始渐变到20%,在由绿色从20%渐变到30%,剩下的都是粉红色】

     颜色渐变方向有:to bottom、to top、to left、to right、to top right、to top left、to bottom left、to bottom right【其实就是一个四边形的四条边与四个角】

例子:

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变


放射性渐变

【默认以椭圆为中心向四周扩散】

      写法一:background:radial-gradient(gold,black)【写法与线性渐变相似】

例子:

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

写法二:radial-gradient( circle 50px at center center,gold,black) 【 改变放射源的形状为圆,圆心坐标在中心center center,半径为50px(可不写)】

例子:

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变

颜色渐变


(内容转自网络)

评分

参与人数 4威望 +1 金钱 +16 收起 理由
☆菲比寻常★ + 2
片片枫叶情 + 1 + 10 爱生活、爱ii23!
彩虹密码 + 2
輪茴、誰等誰 + 2

查看全部评分

 成长值: 14608

签到天数: 592 天

[LV.9]以坛为家II

思念、遠方你
幸福:1644℃
发表于 2018-10-14 18:08:33 | 显示全部楼层
感谢分享噶,不错的哈以后学习一下……
回复

使用道具 举报

 成长值: 10944

签到天数: 1631 天

[LV.Master]伴坛终老

单身中……
帮我摆脱单身吧
发表于 2018-10-14 18:12:31 | 显示全部楼层
感谢分享,非常有用的
回复

使用道具 举报

 成长值: 25984

签到天数: 740 天

[LV.9]以坛为家II

一骑绝尘
幸福:922℃
发表于 2018-10-14 19:03:25 | 显示全部楼层
看着我就不会,还是不用这个码了。
回复

使用道具 举报

 成长值: 49548

签到天数: 2464 天

[LV.Master]伴坛终老

訡詩
幸福:9064℃
发表于 2018-10-14 19:04:17 | 显示全部楼层
会者不难,难者不会。
回复

使用道具 举报

 成长值: 12681

签到天数: 1948 天

[LV.Master]伴坛终老

单身中……
帮我摆脱单身吧
发表于 2018-10-14 19:14:54 | 显示全部楼层
看的不明白 如果能学会应该挺好看的吧
回复

使用道具 举报

 成长值: 8450

签到天数: 395 天

[LV.9]以坛为家II

飞鱼入水
幸福:4462℃
发表于 2018-10-14 20:55:43 | 显示全部楼层
行家看门道 外行看热闹 我是个门外汉 就看看热闹吧
回复

使用道具 举报

 成长值: 14880

签到天数: 671 天

[LV.9]以坛为家II

☆菲比寻常★
幸福:4462℃
发表于 2018-10-15 00:54:16 | 显示全部楼层
☆菲比寻常★ 发表于 2018-10-14 20:55
行家看门道 外行看热闹 我是个门外汉 就看看热闹吧

我更不懂~一起看热闹~                     
回复

使用道具 举报

*滑动验证:

本版积分规则

小黑屋|手机版|Archiver|广告合作|ii23休闲社区 ( 闽ICP备09017971号  
会员言论仅代表个人观点,所有内容由网友自由发布,如侵害你的权益,请联系我们在24小时协助您处理完毕。

GMT+8, 2019-6-26 08:52 , Processed in 0.085982 second(s), 62 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表