在HTML中設(shè)置三個(gè)盒子并不難,可以通過CSS中的盒子模型和布局來實(shí)現(xiàn)。下面是一個(gè)簡單的例子:
.box{ width: 200px; height: 200px; margin: 10px; background-color: #ccc; float: left; }
首先,我們定義一個(gè)CSS類名為box的樣式,寬高分別為200px,外邊距為10px,背景顏色為灰色。然后使用float屬性使它們可以浮動(dòng)。
接下來,在HTML中創(chuàng)建三個(gè)div元素,并將它們添加box類名即可:
盒子1盒子2盒子3
這樣,我們就創(chuàng)建了三個(gè)寬高相等、外邊距一致、背景顏色相同的盒子,并且它們可以并列在一行上。