子比主题文章结尾随机标签颜色美化

------正文内容展示,开始汲取新知识啦------

如图:

子比主题文章结尾随机标签颜色美化

教程开始:

直接才子比主题自定义CSS代码添加

/*文章随机彩色标签*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}

可以自己修改颜色的哈,就是这个以#开头的#19B5FE,根据自己喜爱的来搭配

颜色表如下:

红颜色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
Lightsalmon#FFA07ARGB(255,160,122)
三文鱼#FA8072RGB(250,128,114)
黑鲑#E9967ARGB(233,150,122)
轻珊瑚#F08080RGB(240,128,128)
印第安人#CD5C5CRGB(205,92,92)
赤红#DC143CRGB(220,20,60)
耐火砖#B22222RGB(178,34,34)
红色#FF0000rgb(255,0,0)
深红#8B0000rgb(139,0,0)

橘色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
珊瑚#FF7F50rgb(255,127,80)
番茄#FF6347rgb(255,99,71)
橙红色#FF4500rgb(255,69,0)
#FFD700rgb(255,215,0)
橙子#FFA500rgb(255,165,0)
深橙色#FF8C00rgb(255,140,​​0)

黄色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
浅黄色#FFFFE0rgb(255,255,224)
柠檬雪纺#FFFACDRGB(255,250,205)
浅金黄色#FAFAD2RGB(250,250,210)
木瓜鞭#FFEFD5rgb(255,239,213)
莫卡辛#FFE4B5rgb(255,228,181)
桃扑#FFDAB9rgb(255,218,185)
淡金黄色的#EEE8AA英镑(238,232,170)
黄褐色#F0E68CRGB(240,230,140)
黑色卡其色#BDB76B人民币(189,183,107)
黄色#FFFF00rgb(255,255,0)

绿颜色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
草坪绿#7CFC00RGB(124,252,0)
黄绿色#7FFF00rgb(127,255,0)
柠檬绿#32CD32rgb(50,205,50)
酸橙#00FF00RGB(0.255.0)
森林绿#228B22RGB(34,139,34)
绿色#008000rgb(0,128,0)
深绿色#006400rgb(0,100,0)
黄绿色#ADFF2Frgb(173,255,47)
黄绿色#9ACD32rgb(154,205,50)
春绿色#00FF7Frgb(0,255,127)
中春绿色#00FA9Argb(0,250,154)
浅绿色#90EE90RGB(144,238,144)
淡绿色#98FB98RGB(152,251,152)
深海绿色#8FBC8Frgb(143,188,143)
中海绿色#3CB371rgb(60,179,113)
海绿色#2E8B57rgb(46,139,87)
橄榄#808000rgb(128,128,0)
深橄榄绿色#556B2FRGB(85,107,47)
Olivedrab#6B8E23RGB(107,142,35)

青色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
浅蓝#E0FFFFrgb(224,255,255)
青色#00FFFFrgb(0,255,255)
水色#00FFFFrgb(0,255,255)
蓝晶#7FFFD4rgb(127,255,212)
海蓝宝石#66CDAA人民币(102,205,170)
浅绿色#AFEEEE英镑(175,238,238)
绿松石#40E0D0RGB(64,224,208)
绿松石色#48D1CCrgb(72,209,204)
深蓝绿色#00CED1RGB(0,206,209)
浅海绿色#20B2AARGB(32,178,170)
cadetblue#5F9EA0英镑(95,158,160)
深蓝#008B8Brgb(0,139,139)
蓝绿色#008080rgb(0,128,128)

蓝颜色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
粉蓝色#B0E0E6英镑(176,224,230)
浅蓝#ADD8E6英镑(173,216,230)
天蓝色#87CEFA人民币(135,206,250)
天蓝色#87CEEB英镑(135,206,235)
深蓝#00BFFFrgb(0,191,255)
浅蓝色#B0C4DE人民币(176,196,222)
道奇蓝#1E90FFRGB(30,144,255)
矢车菊蓝#6495ED人民币(100,149,237)
钢蓝#4682B4RGB(70,130,180)
宝蓝色#4169E1英镑(65,105,225)
蓝色#0000FFrgb(0,0,255)
中蓝#0000CDrgb(0,0,205)
深蓝#00008Brgb(0,0,139)
海军#000080rgb(0,0,128)
午夜蓝#191970RGB(25,25,112)
深蓝色#7B68EE英镑(123,104,238)
slateblue#6A5ACDRGB(106,90,205)
深蓝色#483D8BRGB(72,61,139)

紫色的颜色

HTML / CSS
 颜色名称
十六进制代码
 #RRGGBB
十进制代码
(R,G,B)
薰衣草#E6E6FARGB(230,230,250)
#D8BFD8RGB(216,191,216)
李子#DDA0DDRGB(221,160,221)
紫色#EE82EE英镑(238,130,238)
兰花#DA70D6rgb(218,112,214)
紫红色#FF00FFrgb(255,0,255)
品红#FF00FFrgb(255,0,255)
兰花#BA55D3RGB(186,85,211)
中紫色#9370DB英镑(147,112,219)
紫罗兰色#8A2BE2RGB(138,43,226)
暗紫#9400D3RGB(148,0,211)
兰花#9932CCRGB(153,50,204)
深洋红色#8B008BRGB(139,0,139)
紫色#800080rgb(128,0,128)
靛青#4B0082RGB(75,0,130)

粉红色的颜色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
#FFC0CBrgb(255,192,203)
浅粉红色#FFB6C1rgb(255,182,193)
亮粉色#FF69B4rgb(255,105,180)
深粉红色#FF1493rgb(255,20,147)
泛紫#DB7093英镑(219,112,147)
中紫色#C71585RGB(199,21,133)

白色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
白色#FFFFFFrgb(255,255,255)
#FFFAFARGB(255,250,250)
甘露#F0FFF0RGB(240,255,240)
薄荷#F5FFFARGB(245,255,250)
天蓝色#F0FFFFRGB(240,255,255)
爱丽丝蓝#F0F8FFRGB(240,248,255)
幽灵般的白色#F8F8FFRGB(248,248,255)
白色的烟#F5F5F5RGB(245,245,245)
贝壳#FFF5EErgb(255,245,238)
米色#F5F5DCRGB(245,245,220)
老花边#FDF5E6英镑(253,245,230)
花白色#FFFAF0RGB(255,250,240)
象牙#FFFFF0rgb(255,255,240)
古董白#FAEBD7RGB(250,235,215)
麻布#FAF0E6RGB(250,240,230)
薰衣草腮红#FFF0F5RGB(255,240,245)
迷雾玫瑰#FFE4E1英镑(255,228,225)

灰色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
恩斯伯勒#DCDCDCRGB(220,220,220)
浅灰#D3D3D3RGB(211,211,211)
#C0C0C0rgb(192,192,192)
深灰色#A9A9A9人民币(169,169,169)
灰色#808080RGB(128,128,128)
暗灰色#696969RGB(105,105,105)
光一体化#778899rgb(119,136,153)
滑脱#708090RGB(112,128,144)
黑暗崩解#2F4F4FRGB(47,79,79)
黑色#000000rgb(0,0,0)

棕颜色

HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
玉米丝#FFF8DCrgb(255,248,220)
布兰查德蒙德#FFEBCDRGB(255,235,205)
浓汤#FFE4C4rgb(255,228,196)
纳瓦霍怀特#FFDEADrgb(255,222,173)
小麦#F5DEB3人民币(245,222,179)
burlywood#DEB887rgb(222,184,135)
棕褐色#D2B48CRGB(210,180,140)
红褐色#BC8F8Frgb(188,143,143)
沙棕#F4A460RGB(244,164,96)
金毛#DAA520RGB(218,165,32)
秘鲁#CD853FRGB(205,133,63)
巧克力#D2691ERGB(210,105,30)
马鞍棕色#8B4513RGB(139,69,19)
赭色#A0522DRGB(160,82,45)
棕色#A52A2ARGB(165,42,42)
栗色#800000rgb(128,0,0)
温馨提示:本文最后更新于2024-04-28 17:11:33已超过66天没有更新,某些文章具有时效性,若有错误或已失效,请在下方留言或联系官方客服
© 版权声明
CATXE.COM
喜欢就支持一下吧
点赞10赞赏 分享打赏
评论 抢沙发

请登录后发表评论

    暂无评论内容