第十二課：高度與寬度

到目前為止，我們還沒有涉及元素的尺寸。這一課將學習定義元素高度和寬度的方法。

width
height

設定寬度[width]

用特性width能給一個元素定義特定寬度。下面這個例子提供一個能打字的箱體。

div.box {
width: 200px;
border: 1px solid black;
background: orange;
}

設定高度[height]

上面例子中的箱體高度是由箱中內容設定的。我們還可以用適當高度影響元素的高度。下面的例子讓箱體高度為500px：

div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}

總結

第9、10、11和12課我們介紹了CSS中的箱狀模式用法。如你所見，箱狀模式給你許多新選擇。雖然可以用HTML的tables顯示樣式，但CSS和箱狀模式能產生更漂亮更精確的樣式。