CSS中點( decimal point)是指用 0 和 1 分割一個數的點號，也稱為小數點。在 CSS 中，中點可以用來表示數字的小數部分，例如：
```css
.box {
width: 200px;
height: 300px;
background-color: #f00;
margin: 10px auto;
padding: 10px;
border-radius: 5px;
.box:nth-child(1) {
background-color: #00f;
.box:nth-child(2) {
background-color: #0f0;
.box:nth-child(3) {
background-color: #100;
.box:nth-child(4) {
background-color: #10f;
.box:nth-child(5) {
background-color: #1f0;
.box:nth-child(6) {
background-color: #200;
.box:nth-child(7) {
background-color: #20f;
.box:nth-child(8) {
background-color: #2f0;
在上面的示例中，第一個元素的背景色是 #f00，第二個元素的背景色是 #00f，第三個元素的背景色是 #0f0，第四個元素的背景色是 #100，第五個元素的背景色是 #10f，第六個元素的背景色是 #1f0，第七個元素的背景色是 #200，第八個元素的背景色是 #20f，第九個元素的背景色是 #2f0。
在 CSS 中，中點可以用來表示變量、函數、時間等數值，也可以用于格式化文本。例如，以下代碼將一個日期以逗號分隔，并使用中點格式化：
```css
.box {
width: 200px;
height: 300px;
background-color: #f00;
margin: 10px auto;
padding: 10px;
border-radius: 5px;
.box:nth-child(1) {
background-color: #00f;
font-weight: bold;
font-style: italic;
.box:nth-child(2) {
background-color: #0f0;
font-weight: bold;
font-style: italic;
.box:nth-child(3) {
background-color: #100;
font-weight: bold;
font-style: italic;
.box:nth-child(4) {
background-color: #10f;
font-weight: bold;
font-style: italic;
.box:nth-child(5) {
background-color: #1f0;
font-weight: bold;
font-style: italic;
.box:nth-child(6) {
background-color: #200;
font-weight: bold;
font-style: italic;
.box:nth-child(7) {
background-color: #20f;
font-weight: bold;
font-style: italic;
.box:nth-child(8) {
background-color: #2f0;
font-weight: bold;
font-style: italic;
通過使用中點，我們可以輕松地將文本進行分割，從而更好地控制文本的格式和樣式。