恩佐娱乐

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

QQ登录

只需一步,快速最先

扫一扫,会见微社区

积分、品级、阅读权限说明社区担保,生意营业无忧
审查: 1681|回复: 7
打印 上一主题 下一主题

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

[复制链接]
 成长值: 65258

签到天数: 2367 天

[LV.Master]伴坛终老

獨噯丶婼詩
幸福:10073℃
跳转到指定楼层
楼主
揭晓于 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

审查所有评分

分享到:  QQ挚友和群QQ挚友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋侪腾讯朋侪 微信微信
珍藏珍藏2 转播转播 分享分享 分享淘帖
 成长值: 18224

签到天数: 704 天

[LV.9]以坛为家II

輪茴、莪等珎
幸福:1655℃
沙发
揭晓于 2018-10-14 18:08:33 | 只看该作者
谢谢分享噶,不错的哈以后学习一下……
回复

使用道具 举报

 成长值: 14560

签到天数: 1742 天

[LV.Master]伴坛终老

只身中……
帮我挣脱只身吧
板凳
揭晓于 2018-10-14 18:12:31 | 只看该作者
谢谢分享,很是有用的
回复

使用道具 举报

 成长值: 29600

签到天数: 852 天

[LV.10]以坛为家III

一骑绝尘
幸福:922℃
地板
揭晓于 2018-10-14 19:03:25 | 只看该作者
看着我就不会,照旧不用这个码了。
回复

使用道具 举报

 成长值: 53164

签到天数: 2574 天

[LV.Master]伴坛终老

訡詩
幸福:9071℃
5#
揭晓于 2018-10-14 19:04:17 | 只看该作者
会者不难,难者不会。
回复

使用道具 举报

 成长值: 16297

签到天数: 2059 天

[LV.Master]伴坛终老

只身中……
帮我挣脱只身吧
6#
揭晓于 2018-10-14 19:14:54 | 只看该作者
看的不明确 若是能学会应该挺悦目的吧
回复

使用道具 举报

签到天数: 407 天

[LV.9]以坛为家II

飞鱼入水
幸福:4571℃
7#
揭晓于 2018-10-14 20:55:43 | 只看该作者
行家看门道 外行看热闹 我是个外行人 就看看热闹吧
回复

使用道具 举报

签到天数: 694 天

[LV.9]以坛为家II

☆菲比寻常★
幸福:4571℃
8#
揭晓于 2018-10-15 00:54:16 | 只看该作者
☆菲比寻常★ 揭晓于 2018-10-14 20:55
行家看门道 外行看热闹 我是个外行人 就看看热闹吧

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

使用道具 举报

本版积分规则

小黑屋|手机版|Archiver|广告合作|恩佐娱乐 ( 闽ICP备09017971号  
会员言论仅代表小我私人看法,所有内容由网友自由宣布,如损害你的权益,请联系我们在24小时协助您处置赏罚完毕。

GMT+8, 2019-10-15 16:39 , Processed in 0.071727 second(s), 61 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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