色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css棋盤背景

老白2年前14瀏覽0評論

CSS棋盤背景是一種常見的網頁設計風格,它能為網頁增加一種簡潔和現代的感覺。下面是一個簡單的CSS棋盤背景實現:

body {
background-color: #fff;
}
.board {
width: 400px;
height: 400px;
margin: 0 auto;
background-color: #000;
}
.row {
height: 50px;
}
.row:nth-child(even) {
background-color: #eee;
}
.col {
width: 50px;
float: left;
}
.col:nth-child(even) {
background-color: #eee;
}

首先,我們需要設置一個白色的背景顏色來作為網頁背景。接著,我們使用一個名為.board的class來設置棋盤的一些基本屬性,例如寬度、高度和左右居中,背景顏色為黑色。

接著,我們創建一個名為.row的class,并給它設置一個高度為50px。我們還用:nth-child(even)來選擇每行中的偶數行,并將其背景顏色設置為淡灰色,創建了一個格紋棋盤的效果。

類.col用于給每個單元格設置一些屬性,比如寬度為50像素,向左浮動,對偶數列應用背景顏色為淺灰色。在HTML中,我們需要創建一個具有board類的div元素,然后在其中創建8個行,每個行擁有8個列。CSS將自動處理每行的背景。

以上就是CSS棋盤背景的簡單實現。