Layui图标
layui 图标
  layui 的所有图标全部采⽤字体形式，取材于阿⾥巴巴⽮量图标库（iconfont）。因此你可以把⼀个 icon 看作是⼀个普通的⽂字，这意味着你直接⽤ css 控制⽂字属性，如 color、font-size，就可以改变图标的颜⾊和⼤⼩。你可以通过font-class或unicode来定义不同的图标。
学习链接：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>HelloWorld</title>
6 <style type="text/css">
7    .b{
8        background-color:pink;
9    }
10    .b2{
11        background-color: green;
12    }
13 </style>
14 </head>
15 <link rel="stylesheet" href="/LayuiTest/layui/css/layui.css">
16 <body >
17 <i class="layui-icon layui-icon-face-smile"></i>
18 <i class="layui-icon layui-icon-home" ></i>
19 <script src="/LayuiTest/layui/layui.js"></script>icon图标库
20 </body>
21 </html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。