<!-- 必选 -->
<link rel="stylesheet" href="https://raw.githubusercontent.com/niefy/ColorUI-H5/master/css/ColorUi-H5.css">

<!-- 动画样式，可选 -->
<link rel="stylesheet" href="https://raw.githubusercontent.com/niefy/ColorUI-H5/master/css/animation.css">
<!-- 图标，可选 -->
<link rel="stylesheet" href="https://raw.githubusercontent.com/niefy/ColorUI-H5/master/css/icon.css">

<div class="bg-red">红色背景</div>
<div class="bg-gradual-blue">靛青渐变背景</div>
<div class="text-brown">棕色文字</div>

<div class="fl">左浮动</div>
<div class="fr">右浮动</div>
<div class="marin">外边距</div>
<div class="marin-lr">水平方向边距</div>
<div class="marin-tb-lg">垂直方向边距（大）</div>
<div class="padding-sm">内边距(小)</div>
<div class="flex justify-start align-center">
    <div class="flex-sub">flex1</div>
    <div class="flex-sub">flex2</div>
</div>

<div class="cu-tag bg-green">森绿色标签</div>
<div class="cu-tag line-yellow">明黄色镂空标签</div>

<div class="cu-progress">
    <div class="bg-red" style="width: 61.8%;">红色进度条</div>
</div>
<div class="cu-progress round sm striped">
    <div class="bg-green" style="width: 61.8%;">条纹进度条</div>
</div>