1. 常用主色

1.1. layui主要是以象征包容的墨綠作為主色調(diào), 由于它給人以深沉感, 所以通常會(huì)以淺黑色的作為其陪襯, 又會(huì)以藍(lán)色這種比較鮮艷的色調(diào)來彌補(bǔ)它的色覺疲勞, 整體讓人清新自然, 愈發(fā)耐看。

2. 場(chǎng)景色

2.1. 事實(shí)上, layui并非不敢去嘗試一些亮麗的顏色, 但許多情況下一個(gè)它可能并不是那么合適, 所以我們把這些顏色歸為"場(chǎng)景色", 即按照實(shí)際場(chǎng)景來呈現(xiàn)對(duì)應(yīng)的顏色, 比如你想給人以警覺感, 可以嘗試用下面的紅色。他們一般會(huì)出現(xiàn)在layui的按鈕、提示和修飾性元素, 以及一些側(cè)邊元素上。

3. 極簡(jiǎn)中性色

3.1. layui認(rèn)為灰色系代表極簡(jiǎn), 因?yàn)檫@是一種神奇的顏色, 幾乎可以與任何元素搭配, 不易形成視覺疲勞, 且永遠(yuǎn)不會(huì)過時(shí)。低調(diào)而優(yōu)雅!他們一般用于背景、邊框等。

4. 內(nèi)置的背景色CSS類

4.1. layui內(nèi)置了七種背景色, 以便你用于各種元素中, 如: 徽章、分割線、導(dǎo)航等等。

4.2. layui內(nèi)置了七種背景色的十六進(jìn)制顏色值

• 赤色: class="layui-bg-red"的十六進(jìn)制顏色值是: #FF5722。
• 橙色: class="layui-bg-orange"的十六進(jìn)制顏色值是: #FFB800。
• 墨綠: class="layui-bg-green"的十六進(jìn)制顏色值是: #009688。
• 藏青: class="layui-bg-cyan"的十六進(jìn)制顏色值是: #2F4056。
• 藍(lán)色: class="layui-bg-blue"的十六進(jìn)制顏色值是: #1E9FFF。
• 雅黑: class="layui-bg-black"的十六進(jìn)制顏色值是: #393D49。
• 銀灰: class="layui-bg-gray"的十六進(jìn)制顏色值是: #EEEEEE。

總結(jié)

以上是生活随笔為你收集整理的002-layui颜色的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。