在網頁設計中，號碼牌是一種非常常見的元素。在CSS中，我們可以輕松地實現設計一個漂亮的號碼牌。下面讓我們一起來看看如何使用CSS設計自己的號碼牌吧。

.number {
display: inline-block;  /* 將號碼牌變成塊狀元素并且水平居中 */
padding: 4px 8px;       /* 設置內邊距 */
background-color: #007bff; /* 設置背景顏色 */
color: #ffffff;        /* 設置字體顏色 */
font-size: 16px;       /* 設置字體大小 */
font-weight: bold;     /* 設置字體粗細 */
border-radius: 4px;    /* 設置圓角 */
box-shadow: 0 3px 6px rgba(0, 123, 255, 0.16); /* 設置陰影 */
}

我們給出的這個號碼牌的樣式不是固定的，你可以根據自己的需求隨意修改樣式。例如，你可以改變字體、顏色、陰影等等。

最后，我們只需要在HTML中使用這個類名就可以了：

<span class="number">1</span>

當然，使用CSS設計號碼牌的方法也有很多種，我們只是給出了一種簡單又好用的方法。希望這篇文章對你有幫助。