layui基础

本文介绍了Layui框架中内置的七种背景色及使用方法,以及如何方便地设置字体图标,包括颜色和尺寸自定义。适合快速美化前端元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

内置的背景色css类:

Layui内置了七种背景色,以便你用于各种元素中,如徽章、分割线、导航等等

layui基础

layui是一款采用自身模块规范编写的前段ui框架,遵循原来的HTML CSS JS的书写和组织形式,门槛低,拿来即用。

  1. layui下载

直接去官网下载到最新版、

2.下载后把css和js文件导入到项目就行了

3.用layui设置颜色

用法简单快捷,只需要给类加个样式

例如

<div class=”#1E9FFF”>

</div>

还有各种颜色

常用主色:

场景色:

 

极简中性色:

一般用于背景和边框等等

 

内置的背景色css类:

Layui内置了七种背景色,以便你用于各种元素中,如徽章、分割线、导航等等

4.用layui设置字体图标

 

和之前的差不多,也是加个类就能用了,便捷又简单

例如:<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>

还可以自定义它的颜色和大小

图标种类特别多

 

 

还有很多,在离线手册里都有 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值