在Layui中，除了layui-card之外，还有许多其他自带的DIV风格

syant

[backcolor=rgba(255, 255, 255, 0.57)]在Layui中，除了layui-card之外，还有许多其他自带的DIV风格。以下是一些常用的Layui自带的DIV样式：

• 基础栅格系统
  • 列宽类：如layui-col-md12, layui-col-md6, layui-col-md4, layui-col-md3, layui-col-md2, layui-col-md1等
    [size=0.75]
    。这些类用于定义栅格系统中的列宽度。
  • 间隔类：如layui-col-space5, layui-col-space10, layui-col-space15, layui-col-space20, layui-col-space30等
    [size=0.75]
    。这些类用于设置列之间的间隔。
    
• 布局容器
  • 行类：如layui-row，用于创建水平排列的行
    [size=0.75]
    。
  • 列类：如layui-col-xs12, layui-col-xs6, layui-col-xs4, layui-col-xs3, layui-col-xs2, layui-col-xs1等
    [size=0.75]
    。这些类用于在不同屏幕尺寸下调整列的宽度。
    
• 表单控件
  • 输入框类：如layui-input, layui-textarea等
    [size=0.75]
    。这些类用于自定义表单输入框和文本域的样式。
  • 按钮类：如layui-btn, layui-btn-primary, layui-btn-danger等
    [size=0.75]
    。这些类用于自定义按钮的样式和颜色。
    
• 导航菜单
  • 侧边栏类：如layui-nav, layui-nav-tree, layui-nav-item等
    [size=0.75]
    。这些类用于创建和管理导航菜单。
  • 面包屑导航类：如layui-breadcrumb, layui-breadcrumb-home, layui-breadcrumb-child等
    [size=0.75]
    。这些类用于创建面包屑导航。
    
• 表格组件
  • 表格类：如layui-table, layui-table-cell, layui-table-header等
    [size=0.75]
    。这些类用于自定义表格的样式和单元格样式。
  • 表格工具类：如layui-table-fixed, layui-table-hover等
    [size=0.75]
    。这些类用于添加固定表头和悬停效果等功能。
    
• 模态框
  • 模态框类：如layui-layer, layui-layer-title, layui-layer-content等
    [size=0.75]
    。这些类用于创建和管理模态框。
  • 提示框类：如layui-layer-msg, layui-layer-alert等
    [size=0.75]
    。这些类用于显示提示信息或警告消息。
    
• 卡片组件
  • 卡片类：如layui-card, layui-card-header, layui-card-body等
    [size=0.75]
    。这些类用于创建和管理卡片组件。
  • 卡片内容类：如layui-card-footer, layui-card-shadow等
    [size=0.75]
    。这些类用于自定义卡片的内容和阴影效果。
    
• 进度条
  • 进度条类：如layui-progress, layui-progress-bar等
    [size=0.75]
    。这些类用于创建和管理进度条。
  • 进度条颜色类：如layui-bg-blue, layui-bg-red等
    [size=0.75]
    。这些类用于自定义进度条的颜色。
    
• 标签页
  • 标签页类：如layui-tab, layui-tab-title, layui-tab-content等
    [size=0.75]
    。这些类用于创建和管理标签页。
  • 标签页颜色类：如layui-tab-more, layui-tab-close等
    [size=0.75]
    。这些类用于自定义标签页的颜色和关闭按钮样式。
    
  
  

[backcolor=rgba(255, 255, 255, 0.57)]总结来说，Layui提供了丰富的DIV样式，涵盖了从基础栅格系统到复杂的组件样式。通过合理使用这些样式，可以快速构建出美观且功能丰富的网页界面。