CSS3是一種用于網(wǎng)頁設(shè)計的樣式表語言，它可以讓網(wǎng)頁看起來更加豐富多彩。在本文中，我們將使用CSS3來寫骰子。

.dice {
width: 80px;
height: 80px;
border: 1px solid black;
border-radius: 10px;
background-color: white;
position: relative;
}
.dice .dots {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dice .dots span {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: black;
margin-right: 5px;
}
.dice .dot-tl {
top: 10%;
left: 10%;
}
.dice .dot-tr {
top: 10%;
right: 10%;
}
.dice .dot-bl {
bottom: 10%;
left: 10%;
}
.dice .dot-br {
bottom: 10%;
right: 10%;
}
.dice .dot-m {
top: 50%;
left: 50%;
}
.dice .dot-l {
top: 50%;
left: 10%;
}
.dice .dot-r {
top: 50%;
right: 10%;
}

如上代碼所示，我們首先創(chuàng)建一個名為"dice"的容器，然后設(shè)置它的寬、高、邊框和圓角等樣式。接下來，在容器內(nèi)部創(chuàng)建一個名為"dots"的容器，用來放置"點"。它的位置使用了CSS3的transform屬性，居中在"dice"容器中。

然后，我們創(chuàng)建7個"點"，分別用于1～6點以及無點的情況。使用CSS3的position屬性將它們放置在正確的位置上。注意，"dot-m"表示中間的點，"dot-l"和"dot-r"分別表示左側(cè)和右側(cè)的點。

最后，我們可以在HTML中使用這個樣式，創(chuàng)建6個"dice"容器，分別表示6面骰子。我們只需在每個容器中放置對應(yīng)的點即可。看起來是不是非常簡單呢？

當(dāng)然，這只是一個簡單的例子，CSS3還有許多強(qiáng)大的特性可以讓我們實現(xiàn)更加復(fù)雜的效果。感興趣的讀者不妨繼續(xù)深入學(xué)習(xí)，探索CSS3的更多可能性。