CSS算出1到100的方法

body {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
margin: 5px;
border: 1px solid black;
}
/* 計算奇數 */
div:nth-child(odd) {
background-color: blue;
}
/* 計算偶數 */
div:nth-child(even) {
background-color: red;
}

上面的CSS代碼可以計算出1到100的數字，并且奇數的背景色為藍色，偶數的背景色為紅色。

首先，我們使用flex布局，使得數字盒子能夠在網頁中自適應排列。每個數字盒子都是正方形，高度和寬度都為50px，同時有1px的黑色邊框，外邊距為5px。

接下來，我們使用:nth-child()偽類來選擇數字盒子，并分別為奇數和偶數分配不同的背景顏色。在上面的代碼中，我們使用div:nth-child(odd)選擇奇數盒子，為其設置藍色背景色，使用div:nth-child(even)選擇偶數盒子，并為其設置紅色背景色。

通過上面的CSS代碼，我們得到了1到100的數字盒子，并且清晰地標出了奇數和偶數。