CSS可以幫助我們設(shè)置圖片的寬和高,使其保持固定。這個功能在頁面布局和設(shè)計中非常重要,它可以讓我們的頁面看起來更整齊和美觀。
img { width: 200px; height: 150px; }
在上面的代碼中,我們使用了CSS選擇器img來選取所有的圖片元素。然后,我們使用CSS屬性width和height來分別設(shè)置圖片的寬度和高度。
這里我們將圖片的寬度設(shè)置為200像素,高度設(shè)置為150像素。當(dāng)我們在頁面中使用這樣的CSS樣式時,所有的圖片都會被設(shè)置成這個固定的寬高。
此外,我們還可以在CSS中使用其他的屬性來控制盒模型的大小,例如padding和border。下面是一個具有邊框和內(nèi)邊距的圖片的代碼示例:
img { width: 200px; height: 150px; border: 2px solid black; padding: 10px; }
在這個示例中,我們添加了border屬性和padding屬性來給圖片添加了黑色的邊框和10像素的內(nèi)邊距。這樣做可以讓我們的圖片看起來更美觀,更有吸引力。
總之,CSS固定圖片的寬和高可以讓我們的頁面看起來更整潔和專業(yè)。使用CSS設(shè)置固定寬度和高度是實現(xiàn)這一目的的簡單而有效的方法。