CSS3盒子模型是CSS的基本元素,是用來定義HTML頁面中各個元素在頁面中所占空間大小的一種模型。在CSS3中,盒子模型進一步進行了改進,增加了一些新的屬性,比如圓角、陰影等,讓網頁的排版更加美觀。
.box { width: 300px; height: 200px; padding: 20px; border: 5px solid #000; margin: 10px; border-radius: 10px; box-shadow: 5px 5px 5px #888; }
在上面的代碼中,我們定義了一個類名為box的元素,該元素的寬度為300像素,高度為200像素,內邊距為20像素,邊框為5像素的實線黑色,外邊距為10像素,圓角為10像素,陰影為5像素的黑色。
除了上面的屬性以外,CSS3盒子模型還可以定義元素的背景色、文字等屬性,可以根據實際需求進行合理設置,從而實現更加多樣化的排版效果。
上一篇css3盒子外陰影
下一篇css3監聽頁面滑動