CSS中經常會用到改變元素大小的操作。
首先,我們可以使用width和height屬性來改變一個元素的寬度和高度:
div { width: 200px; height: 100px; }
上面的代碼將div元素的寬度設置為200像素,高度設置為100像素。
同時,我們也可以使用max-width和max-height屬性來限制元素的最大大小:
img { max-width: 100%; max-height: 100%; }
上面的代碼將img元素的最大寬度和最大高度都設置為父元素的寬度和高度。
此外,我們還可以使用min-width和min-height屬性來限制元素的最小大小:
input[type="text"] { min-width: 200px; min-height: 30px; }
上面的代碼將所有type為text的input元素的最小寬度設置為200像素,最小高度設置為30像素。
最后,我們也可以使用transform屬性來改變元素的大小:
button:hover { transform: scale(1.2); }
上面的代碼將鼠標懸停在button元素上時,將其放大到原來的1.2倍。
上一篇css 效果圖
下一篇css 改變焦點樣式