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;
}
/* 計算奇數(shù) */
div:nth-child(odd) {
background-color: blue;
}
/* 計算偶數(shù) */
div:nth-child(even) {
background-color: red;
}

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

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

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

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