CSS(Cascading Style Sheets)可以幫助網頁設計師實現的眾多特效,其中自定義圖片大小是較為常見的一種需求。以下是常用的CSS自定義圖片大小代碼:
img { width: 300px; height: auto; }
上述代碼中, "img" 表示對所有圖片標簽進行操作, "width: 300px" 表示圖片寬度為300像素, "height: auto" 表示根據圖片原始比例自動計算高度。如果要設定圖片的高度而不保持比例,則可以將 "height" 的值設為像素或百分比。
img.logo { max-width: 200px; max-height: 100px; }
上述代碼中, "img.logo" 表示對class為"logo"的圖片標簽進行操作, "max-width" 表示圖片的最大寬度為200像素, "max-height" 表示圖片的最大高度為100像素。如果圖片寬度或高度超過設定的最大值,則圖片會等比縮小。
總之,CSS非常靈活,可以通過控制不同CSS屬性的值,達到各種效果的要求。
上一篇css自定義圖片動畫
下一篇css自定義圓角邊框