layui-简单辅助元素 - 页面元素
生活随笔
收集整理的這篇文章主要介紹了
layui-简单辅助元素 - 页面元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?本篇主要集中羅列頁面中的一些簡單輔助元素，如：引用塊、字段集區塊、橫線等等，這些元素都無需依賴任何模塊
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="build/css/layui.css"/><!--<link rel="stylesheet" type="text/css" href="build/css/layui.mobile.css"/>--></head><body><blockquote class="layui-elem-quote">引用區域的文字</blockquote><blockquote class="layui-elem-quote layui-quote-nm">引用區域的文字</blockquote><fieldset class="layui-elem-field"><legend>字段集區塊 - 默認風格</legend><div class="layui-field-box">內容區域</div></fieldset><fieldset class="layui-elem-field layui-field-title"><legend>字段集區塊 - 橫線風格</legend><div class="layui-field-box">內容區域</div></fieldset><p>你可以把它看作是一個有標題的橫線</p><br /><br />華麗的<hr>分割線<br /><i class="layui-icon" style="font-size: 30px; color: red;"></i> <script src="js/jquery-2.1.0.js"></script><!--<script src="build/layui.js"></script>--></body> </html>效果：
?
轉載于:https://www.cnblogs.com/xiangru0921/p/6729253.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的layui-简单辅助元素 - 页面元素的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux网络配置 CentOS 6/7
- 下一篇： addrinfo 结构