CSS加圖片改變大小的方法
在CSS中,我們可以使用width
和height
屬性來(lái)改變圖片的大小,以下是一些示例代碼:
1、將圖片的寬度設(shè)置為500像素,高度自動(dòng)縮放:
img { width: 500px; height: auto; }
2、將圖片的高度設(shè)置為300像素,寬度自動(dòng)縮放:
img { height: 300px; width: auto; }
3、將圖片的寬度設(shè)置為80%,高度自動(dòng)縮放:
img { width: 80%; height: auto; }
4、將圖片的高度設(shè)置為200像素,寬度自動(dòng)縮放:
img { height: 200px; width: auto; }
這些代碼可以幫助你改變圖片的大小,以適應(yīng)不同的布局需求,你可以根據(jù)需要調(diào)整width
和height
的值,或者將它們?cè)O(shè)置為百分比,以實(shí)現(xiàn)更靈活的布局。