1.使用div元素

在HTML中，可以使用div元素來(lái)建立盒子。div元素是一個(gè)塊級(jí)元素，它不具有特定的語(yǔ)義，可以用來(lái)組織頁(yè)面的內(nèi)容。在CSS中，可以通過(guò)設(shè)置div元素的屬性來(lái)控制盒子的外觀和布局。下面的代碼創(chuàng)建了一個(gè)包含文本內(nèi)容的div元素：div>這是一個(gè)盒子</div>

2.使用其他元素

除了div元素，還有一些其他的HTML元素也可以用來(lái)建立盒子，例如p、ul、li等。這些元素也可以通過(guò)CSS來(lái)控制盒子的外觀和布局。下面的代碼創(chuàng)建了一個(gè)包含列表項(xiàng)的ul元素：ul>列表項(xiàng)1</列表項(xiàng)2</列表項(xiàng)3<//ul>

3.使用CSS樣式

gg屬性設(shè)置為border-box，則盒子的大小計(jì)算包括元素的內(nèi)容、內(nèi)邊距、邊框和外邊距。下面的代碼創(chuàng)建了一個(gè)大小為200px x 200px的盒子：

.box {

width: 200px;

height: 200px;g: 20px;

border: 1px solid #000;g: border-box;

gg屬性來(lái)控制盒子的大小計(jì)算方式。