html+css
代碼編纂器:Dreamweaver CS5新建一個html文件,定名為test.html,用于講解埋沒網頁中一張圖片的css代碼。
在test.html文件內,利用img標簽建立一張圖片,圖片是images文件夾下面的1.jpg。
為了展示埋沒圖片后的結果,在img標簽的外部利用div標簽,同時設置div標簽的class屬性為mydiv。
在test.html文件內,編寫標簽,頁面的css樣式將寫在該標簽內。
在css標簽內,設置類名為mydiv的樣式,利用border設置div的邊框為1px的灰色邊框,利用width設置div的寬度為300px,利用height設置div的高度為300px。在瀏覽器打開test.hmtl頁面,查看沒有埋沒圖片的結果。
在css標簽內,對img元素進行樣式設置,將display屬性設置為none,實現圖片的埋沒。
在瀏覽器打開test.html文件,查看實現的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!