主题
flex骰子
html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>骰子</title>
</head>
<body>
<div class="box">
<!-- 一个点 -->
<div class="container container1">
<div class="item"></div>
</div>
<!-- 两个点 -->
<div class="container container2">
<div class="item item2"></div>
<div class="item item2"></div>
</div>
<!-- 三个点 -->
<div class="container">
<div class="item item3"></div>
<div class="item item3"></div>
<div class="item item3"></div>
</div>
<!-- 四个点 -->
<div class="container container4">
<div class="item4">
<p class="item item4-1"></p>
<p class="item item4-1"></p>
</div>
<div class="item4">
<p class="item item4-1"></p>
<p class="item item4-1"></p>
</div>
</div>
<!-- 五个点 -->
<div class="container container5">
<div class="item5">
<p class="item item5-1"></p>
<p class="item item5-1"></p>
</div>
<div class="item5">
<p class="item item5-1"></p>
</div>
<div class="item5">
<p class="item item5-1"></p>
<p class="item item5-1"></p>
</div>
</div>
<!-- 六个点 -->
<div class="container container6">
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
</div>
<!-- 七个点 -->
<div class="container container7">
<div class="item7">
<p class="item item7-1"></p>
<p class="item item7-1"></p>
<p class="item item7-1"></p>
</div>
<div class="item7">
<p class="item item7-1"></p>
</div>
<div class="item7">
<p class="item item7-1"></p>
<p class="item item7-1"></p>
<p class="item item7-1"></p>
</div>
</div>
<!-- 八个点 -->
<div class="container container6">
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
</div>
<!-- 九个点 -->
<div class="container container6">
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
<div class="item6">
<p class="item item6-1"></p>
<p class="item item6-1"></p>
<p class="item item6-1"></p>
</div>
</div>
</div>
</body>
</html>