1. 常用主色

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

2. 場景色

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

3. 極簡中性色

3.1. layui認為灰色系代表極簡, 因為這是一種神奇的顏色, 幾乎可以與任何元素搭配, 不易形成視覺疲勞, 且永遠不會過時。低調而優雅!他們一般用于背景、邊框等。

4. 內置的背景色CSS類

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

4.2. layui內置了七種背景色的十六進制顏色值

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。