在網頁設計中，常常需要在頁面中顯示時間。這時候，我們可以使用CSS來進行樣式和布局的設置。下面就讓我們來學習如何用CSS寫時間吧。

/* CSS代碼 */
.time {
font-size: 24px;
color: #333;
font-weight: bold;
text-align: center;
margin: 20px;
padding: 10px;
border: 2px solid #ccc;
}

首先，我們需要創建一個包含時間的HTML元素，比如可以使用<div>標簽，并為其添加一個class屬性，命名為“time”：

<div class="time">10:30 AM</div>

現在，我們可以根據需求設置CSS樣式等屬性。在上面的CSS代碼中，我們設置了字體大小為24像素，顏色為黑色，加粗字體，居中對齊，邊框為2像素的灰色虛線，邊距為20像素，內邊距為10像素。

通過這些設置，我們可以輕松地將時間顯示出來，并控制其樣式和布局。這種方法不僅適用于顯示時間，還可以用于其他的文字和數字顯示。嘗試去修改這些CSS屬性，看看效果有何不同吧。