html+css
代碼編纂器：Dreamweaver CS5方式/
1新建一個html文件 ， 定名為test.html ， 用于講解埋沒網頁中一張圖片的css代碼 。
2在test.html文件內 ， 利用img標簽建立一張圖片 ， 圖片是images文件夾下面的1.jpg 。
3為了展示埋沒圖片后的結果 ， 在img標簽的外部利用div標簽 ， 同時設置div標簽的class屬性為mydiv 。
4在test.html文件內 ， 編寫標簽 ， 頁面的css樣式將寫在該標簽內 。
5在css標簽內 ， 設置類名為mydiv的樣式 ， 利用border設置div的邊框為1px的灰色邊框 ， 利用width設置div的寬度為300px ， 利用height設置div的高度為300px 。 在瀏覽器打開test.hmtl頁面 ， 查看沒有埋沒圖片的結果 。
6在css標簽內 ， 對img元素進行樣式設置 ， 將display屬性設置為none ， 實現圖片的埋沒 。
7【隱藏網頁中一張圖片的css代碼】在瀏覽器打開test.html文件 ， 查看實現的結果 。
以上內容就是隱藏網頁中一張圖片的css代碼的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 創世中文網怎樣才能簽約
- 珠光護手怎么合成
- 中國農業銀行怎樣做定期的存款
- 職場中怎么講究說話分寸？
- 提現 中國建設銀行如何賣出速盈？
- 后一穩定計劃命中率和盈利率哪個重要？
- 子父級選項怎么使用
- AI中如何用符號圖案組成一幅畫？
- 自動煎藥壺使用方法
- 日常生活中男人哪些壞習慣會傷腎？