SemanticUI之图标icon 第⼀步：创建项⽬
添加JQuery和Semantic UI包、创建icon.html页⾯：
第⼆步：icon.html页⾯
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签</title>
<link rel="stylesheet"href="semantic-ui/semantic.min.css">
<script type="text/javascript"src="js/jquery3.3.1.js"></script>
<script type="text/javascript"src="semantic-ui/semantic.min.js"></script>
</head>
<body>
<i class="user icon"></i>
<i class="home icon"></i>
<i class="warning icon"></i>
<i class="red file word icon"></i>
<i class="spinner teal loading icon"></i>
<i class="asterisk loading icon"></i>
<i class="link close icon"></i>
<br>
<br>
<!--⽔平翻转-->
<i class="horizontally flipped home icon"></i>
<!--垂直翻转-->
<i class="vertically flipped home icon"></i>
<!--顺时针旋转-->
<i class="clockwise rotated home icon"></i>
<!--逆时针旋转-->
<i class="counterclockwise rotated home icon"></i>
<br>
<br>
<!--图标圆形化-->
<i class="circular home icon"></i>icon图标库
<!--图标⽅形化-->
<i class="bordered home icon"></i>
</body>
</html>
页⾯效果

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