欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css盒子實驗心得

錢多多2年前10瀏覽0評論

我在學習css布局的過程中,進行了一些關于盒子的實驗。

其中一個實驗是設置一個固定寬度和高度的盒子,然后在其中添加文本和圖片。我使用了以下代碼:


.box {
width: 200px;
height: 300px;
border: 1px solid black;
padding: 20px;
}
.box img {
width: 100%;
height: auto;
}
.box p {
margin: 0;
padding: 10px 0;
}

在這個實驗中,我添加了一個名為“box”的div,并設置了它的寬度和高度。我還為它添加了一個黑色的1像素邊框,并設置了20像素的內邊距。

在div中,我添加了一張圖片和一個段落。我為圖片設置了100%的寬度,這樣它就可以完全適應盒子的寬度。我也設置了自動的高度。

我還設置了段落的上下內邊距為10像素,這使得文本與邊框之間有一些間距。

通過這個實驗,我學習了如何使用盒子來布局內容,并了解了一些盒子的基本屬性。