CSS是網頁設計中必不可少的部分,它可以改變網頁內容的樣式和布局。在CSS中,每個li都是一個盒子。
li{ display: block; width: 200px; height: 50px; margin: 10px; padding: 10px; background-color: #ccc; }
上述代碼中,li被設置為一個塊級元素,其寬度為200px,高度為50px,帶有10px的外邊距和10px的內邊距。li的背景顏色為灰色(#ccc)。
你可以根據需要自定義li的樣式。比如,你可以修改盒子的大小、顏色、邊距、邊框和陰影等屬性。這些樣式將會影響到網頁的整體布局和外觀。
除了li,其他元素也可以被設置為一個盒子。例如,div、span、input和button等。
總之,利用CSS的盒子模型可以讓網頁更加美觀和易于閱讀。希望這篇文章能夠幫助你更好地理解CSS盒子模型。