在CSS中給背景圖片加上超鏈接的方法:首先新建模塊,并設(shè)置其class屬性為testid;然后將頁面的css樣式寫入標簽內(nèi),并通過class設(shè)置css的樣式;最后使用a標簽創(chuàng)建一個鏈接,實現(xiàn)給背景圖片加上超鏈接。
本教程操作環(huán)境:windows7系統(tǒng)、css3版,DELL G3電腦。
在CSS中給背景圖片加上超鏈接的方法:
1、新建一個html文件,命名為test.html,用于講解在CSS中如何給背景圖片加上超鏈接。
2、在test.html文件內(nèi),使用div創(chuàng)建一個模塊,并設(shè)置其class屬性為testid。
3、在test.html文件內(nèi),編寫<style type="text/css"></style>
標簽,頁面的css樣式將寫在該標簽內(nèi)。
4、在css標簽內(nèi),通過class設(shè)置css的樣式,定義div的寬度為200px,高度為200px,背景圖片為a.jpg。
5、在test.html文件內(nèi),在div標簽外,使用a標簽創(chuàng)建一個鏈接,實現(xiàn)給背景圖片加上超鏈接。
6、在瀏覽器打開test.html文件,查看實現(xiàn)的效果。
相關(guān)教程推薦:CSS視頻教程