今天我們來學習如何編寫一個簡單的CSS樣式的代碼。我們將以一個簡單的文本框為例，演示如何實現它的CSS樣式。

/*首先我們需要定義一個文本框*/
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
/*接下來我們定義文本框的邊框*/
input[type=text]:focus {
border: 3px solid #555;
}

以上是我們編寫的CSS樣式代碼，下面我們來逐行解釋它的含義。

第一行代碼定義了一個文本框，它的類型為text。接下來我們為文本框定義了它的寬度（100%），內邊距（12像素頂部和底部，20像素左側和右側），外邊距（8像素頂部和底部，0像素左側和右側），以及使用了盒模型來定義文本框的大小。

第二行代碼定義了文本框的焦點狀態下的邊框樣式。我們為文本框添加了3像素寬度和深灰色的邊框，以及在文本框獲取焦點時進行此操作。

通過以上代碼，我們成功地為一個簡單的文本框添加了CSS樣式。CSS編寫需要我們熟練掌握語法和屬性，才能實現我們想要的樣式效果。