圖形是網頁設計的一個重要組成部分,CSS可以為圖形進行樣式和大小的調整。本文將介紹如何將一個圖形放大一倍。
.img { width: 200px; height: 200px; background-color: #f3f3f3; }
如上述代碼所示,定義了一個寬高都為200px,背景顏色為灰色的圖形。現在我們要將該圖形放大一倍:
.img { width: 400px; height: 400px; background-color: #f3f3f3; }
如上述代碼所示,只需要將width和height的值分別改為原來的兩倍即可實現圖形變大。需要注意的是,如果該圖形是容器內部子元素,則可能需要調整容器的大小和位置。