CSS3是當前前端開發的熱點之一，它的強大功能可以用來實現各種各樣的效果，其中包括畫色子。下面我們來看看如何用CSS3實現畫色子的效果。

.dice{
width:200px;
height:200px;
background-color:#ddd;
border-radius:10px;
position:relative;
}
.dot{
width:50px;
height:50px;
border-radius:50%;
background-color:#222;
position:absolute;
top:0;
bottom:0;
margin:auto;
}
.dot1{
left:25%;
}
.dot2{
left:75%;
}
.dot3{
left:25%;
top:50%;
}
.dot4{
left:75%;
top:50%;
}
.dot5{
left:25%;
bottom:0;
}
.dot6{
left:75%;
bottom:0;
}

首先，我們需要定義一個骰子容器，也就是一個長方形。然后，我們用圓點來表示骰子的點數。在代碼中，我們通過定義一個圓點類，來使所以圓點樣式的代碼簡化。接下來，我們要分別定義每一個點的位置，這里采用了絕對定位的方式，每個點的位置都需要手動調整。

通過以上的代碼，我們就可以畫出一個基本的色子了。如果要讓它更加完美，我們還可以為它添加一些動畫效果，比如在骰子被點擊時，會隨機旋轉數次，并隨機點出一個數字。這里就不再贅述了。