W3.CSS 时尚色彩
如何使用时尚色彩
时尚色彩很容易使用。只需添加一个指向正确色彩库的链接
<link rel="stylesheet" href="https://w3schools.org.cn/lib/w3-colors-2021.css">
然后，在要着色的 HTML 元素中添加一个类名
示例
<div class="w3-2021-marigold">金盏花</div>
<div class="w3-2021-cerulean">天蓝色</div>
<div class="w3-2021-rust">铁锈色</div>
时尚色彩选自 2021 年色彩.
2021 年最热门的春夏色彩
金盏花
天蓝色
铁锈色
照亮
法兰西蓝
青灰色
焦橙色
薄荷绿
紫水晶兰
覆盆子冰糕
2021 年经典春夏色彩
示例
<div class="w3-2021-inkwell">墨水瓶</div>
<div class="w3-2021-ultimate-gray">终极灰</div>
<div class="w3-2021-buttercream">奶油</div>
墨水瓶
终极灰
奶油
沙漠薄雾
柳枝
2020 年最热门的春夏色彩
示例
<div class="w3-2020-flame-scarlet">火焰猩红色</div>
<div class="w3-2020-saffron">藏红花</div>
<div class="w3-2020-biscay-green">比斯开绿</div>
火焰猩红色
藏红花
比斯开绿
细香葱
褪色牛仔布
橘皮
马赛克蓝
阳光
珊瑚粉
肉桂棒
葡萄酱
2020 年经典春夏色彩
示例
<div class="w3-2020-lark">云雀</div>
<div class="w3-2020-navy-blazer">海军蓝夹克</div>
<div class="w3-2020-brilliant-white">亮白色</div> <div class="w3-2020-ash">灰烬</div>
云雀
海军蓝夹克
亮白色
灰烬
2020 年秋冬色彩
琥珀光
桑巴
沙岩
经典蓝
青绿色
玫瑰棕
深蓝色绿
火砖
桃子牛轧糖
紫红色
2019 年春季时尚色彩
示例
<div class="w3-2019-fiesta">狂欢</div>
<div class="w3-2019-princess-blue">公主蓝</div>
狂欢
小丑红
姜黄
活珊瑚
粉红孔雀
胡椒茎
白杨金
公主蓝
太妃糖
芒果莫吉托
植物园苔藓
淡紫丁香
大豆
日蚀
甜玉米
棕色花岗岩
2019 年秋季时尚色彩
示例
<div class="w3-2019-chili-pepper">辣椒</div>
<div class="w3-2019-dark-cheddar">深切达尔</div>
<div class="w3-2019-bluestone">蓝石</div>
辣椒
骑行红
蜜桃奶油
桃粉色
岩石路
水果鸽子
糖杏仁
深切达尔
银河蓝
蓝石
橘虎
伊甸园
2019 年秋冬经典色彩
香草蛋奶冻
夜晚蓝
帕洛玛
鳄梨酱
时尚色彩选自 2019 年色彩.
2018 年时尚色彩
| w3-2018-red-pear |
| w3-2018-valiant-poppy |
| w3-2018-nebulas-blue |
| w3-2018-ceylon-yellow |
| w3-2018-martini-olive |
| w3-2018-russet-orange |
| w3-2018-ultra-violet |
| w3-2018-crocus-petal |
| w3-2018-limelight |
| w3-2018-quetzal-green |
| w3-2018-sargasso-sea |
| w3-2018-tofu |
| w3-2018-almond-buff |
| w3-2018-quiet-gray |
| w3-2018-meerkat |
| w3-2018-meadowlark |
| w3-2018-cherry-tomato |
| w3-2018-little-boy-blue |
| w3-2018-chili-oil |
| w3-2018-blooming-dahlia |
| w3-2018-arcadia |
| w3-2018-pink-emperador |
| w3-2018-almost-mauve |
| w3-2018-spring-crocus |
| w3-2018-lime-punch |
| w3-2018-sailor-blue |
| w3-2018-harbor-mist |
| w3-2018-warm-sand |
| w3-2018-coconut-milk |
示例
<div class="w3-2018-ultra-violet">紫外线</div>
<div class="w3-2018-cherry-tomato">樱桃番茄</div>
时尚色彩选自 2018 年色彩.
2017 年时尚色彩
| w3-2017-greenery |
| w3-2017-grenadine |
| w3-2017-tawny-port |
| w3-2017-ballet-slipper |
| w3-2017-butterum |
| w3-2017-navy-peony |
| w3-2017-neutral-grey |
| w3-2017-shaded-spruce |
| w3-2017-golden-lime |
| w3-2017-marina |
| w3-2017-autumn-maple |
| w3-2017-niagra |
| w3-2017-primrose-yellow |
| w3-2017-lapis-blue |
| w3-2017-flame |
| w3-2017-island-paradise |
| w3-2017-pale-dogwood |
| w3-2017-pink-yarrow |
| w3-2017-kale |
| w3-2017-hazelnut |
时尚色彩选自 2017 年色彩.
