在編寫 HTML 的過程中，盒子是一個很重要的概念。盒子是指 HTML 元素在頁面上的位置和大小，它的大小可以通過 CSS 樣式來控制。下面是一個用 HTML 和 CSS 控制盒子的例子：
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<style>
.box {
width: 200px;
height: 200px;
background-color: blue;
color: white;
text-align: center;
line-height: 200px;
}
</style>
</head>
<body>
<div class="box">This is a box!</div>
</body>
</html>在上面的例子中，我們定義了一個名為 "box" 的 div 元素，并通過 CSS 把它的寬度、高度、背景顏色、字體顏色、文本水平居中和垂直居中設(shè)置為 200 像素。在 HTML 文件中，我們把這個 div 放在了 body 元素中。當我們在瀏覽器中打開這個 HTML 文件時，就會看到一個藍色的正方形盒子，里面顯示著 "This is a box!" 的文本。
上一篇css 帶有箭頭的邊框
下一篇css 常見 兼容性