骰子是常見的游戲道具，那么如何用css來制作一個骰子呢？下面是一個實際的實現代碼。

/* 骰子背景 */
.dice {
width: 100px;
height: 100px;
perspective: 200px;
}
/* 骰子的內部構造 */
.dice div {
position: absolute;
width: 100px;
height: 100px;
background-color: white;
border: 1px solid black;
box-sizing: border-box;
text-align: center;
line-height: 100px;
font-size: 50px;
font-weight: bold;
}
/* 骰子正面 */
.front {
transform: translateZ(50px);
}
/* 骰子后面 */
.back {
transform: rotateX(180deg) translateZ(50px);
}
/* 骰子頂面 */
.top {
transform: rotateX(-90deg) translateZ(50px);
}
/* 骰子底面 */
.bottom {
transform: rotateX(90deg) translateZ(50px);
}
/* 骰子左側面 */
.left {
transform: rotateY(-90deg) translateZ(50px);
}
/* 骰子右側面 */
.right {
transform: rotateY(90deg) translateZ(50px);
}

以上是骰子的css代碼，接下來看一下html代碼，如下：

1
6
2
5
4
3

以上這些代碼一起，就可以制作一個簡單的3D骰子。當然，你也可以根據自己的需求進行修改和拓展，制作出更加炫酷的效果。