layui横线：带标题的横线（含代码、案例）

官方文档：https://www.layui.com/doc/element/auxiliar.html

案例· 截图：

代码示下：

/* 分割线（含标题的分割线） */
.site-border-default fieldset{border-top: 1px solid #eee;}
.site-border-red fieldset{border-top: 1px solid #FF5722;}
.site-border-orange fieldset{border-top: 1px solid #FFB800;}
.site-border-green fieldset{border-top: 1px solid #009688;}
.site-border-cyan fieldset{border-top: 1px solid #2F4056;}
.site-border-blue fieldset{border-top: 1px solid #1E9FFF;}
.site-border-black fieldset{border-top: 1px solid #393D49;}

  <div class="site-border-green"><fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"><legend class="layui-font-green">尊敬的会员,欢迎回来</legend></fieldset></div>

使用注意事项：

可以新增定义父级元素，进行样式绑定（也可以直接绑定类名进行样式覆写。）
其他，可以参考文档地址；
其他，不再赘述。

以上就是关于“layui横线：带标题的横线（含代码、案例）”的全部内容。

layui横线：带标题的横线（含代码、案例）相关推荐

html字两边的横线_css如何实现中间文字，两边横线的标题效果？（代码示例）...
本篇文章给大家带来的内容是介绍css如何实现中间文字,两边横线的标题效果?(代码示例).有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 1. vertical-align属性实现效果 ...
类型全部为string_TypeScript 高级类型总结（含代码案例）
// 每日前端夜话第458篇// 正文共:2600 字// 预计阅读时间:10 分钟 TypeScript 是一种类型化的语言,允许你指定变量.函数参数.返回的值和对象属性的类型. 以下是 Type ...
layui自带验证体系：手机号验证、邮箱验证、必填项非空验证、数字验证（含代码、案例）
layui自带验证体系:手机号验证.邮箱验证.必填项非空验证.数字验证(含代码.案例) 案例 · 截图: 实例代码: <!DOCTYPE html> <html> <he ...
layui实现select下拉选择框组件（含代码、案例、截图）
layui实现select下拉选择框组件(含代码.案例.截图) 案例 · 效果图: 全部代码如下: <!DOCTYPE html> <html> <head>< ...
layui复选框组件：如何操控隐藏域实现checked状态切换（含代码、案例、截图）
文章目录 layui复选框组件:如何操控隐藏域实现checked状态切换(含代码.案例.截图) 注意: 案例 · 应用场景 · 说明: 案例 · 截图 · 示下主要代码 · 示下: 使用说明: 博主 ...
layui弹出层：倒计时后自动关闭（含代码、案例）
layui弹出层:倒计时后自动关闭(含代码.案例) 问题描述: 如何设定倒计时? 如何在自动倒计时结束后关闭弹框: 如何自定义"按钮文字"文案: 如何在关闭后,执行函数事件: 如何 ...
【实用代码】选项卡切换——带标题底纹样式
一.代码内容: 选项卡切换--带标题底纹样式二.效果如图: 三.代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...
mybatis-generator生成带中文注释POJO类的超详细教程含代码和图解
mybatis-generator生成带中文注释POJO类的超详细教程含代码和图解 mybatis-generator自动生成带中文注释POJO类和增删改查,idea和eclipes都可以使用 MyC ...
html5中设置省略号颜色,CSS3中text-overflow实现文章标题带省略号的显示效果（代码实例）...
本文目标: 1.掌握文本带省略号的显示效果问题: 1.实现以下效果,要求使用纯DIV+CSS,不适用任何框架附加说明 1.总体宽度是500px,在页面中居中显示 2.标题字体大小是22px,其他字 ...

layui横线：带标题的横线（含代码、案例）

layui横线：带标题的横线（含代码、案例）

案例· 截图：

代码示下：

使用注意事项：

layui横线：带标题的横线（含代码、案例）相关推荐

最新文章

热门文章