html+css
代碼編纂器:Zend Studio 12.5.1新建一個html文件,定名為test.html,用于講解CSS怎么改變圖片的巨細。
在test.html文件中,利用div標簽建立一個模塊,在div標簽內,利用img標簽建立一張圖片。
在test.html文件中,在css標簽內,利用“*”來初始化頁面所有元素,設置表里邊距都為0。在瀏覽器打開test.html文件,查看實現的結果。
經由過程元素名稱來改變圖片的巨細。例如,在css標簽內,利用css界說div元素內的img元素的寬度為200px,高度為100px。
經由過程給img標簽設置一個id屬性,在css中經由過程id屬性,利用width(寬度)和height(高度)設置樣式,實現改變圖片的巨細。
經由過程給img標簽設置一個class屬性,在css中經由過程class屬性,利用width(寬度)和height(高度)設置樣式,實現改變圖片的巨細。
經由過程在img標簽內,利用style來設置width(寬度)和height(高度)屬性。
以上幾種方式實現的結果如下:
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!