在CSS中給背景圖片加上超鏈接的方法：首先新建模塊，并設(shè)置其class屬性為testid；然后將頁(yè)面的css樣式寫(xiě)入標(biāo)簽內(nèi)，并通過(guò)class設(shè)置css的樣式；最后使用a標(biāo)簽創(chuàng)建一個(gè)鏈接，實(shí)現(xiàn)給背景圖片加上超鏈接。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

在CSS中給背景圖片加上超鏈接的方法：

1、新建一個(gè)html文件，命名為test.html，用于講解在CSS中如何給背景圖片加上超鏈接。

2、在test.html文件內(nèi)，使用div創(chuàng)建一個(gè)模塊，并設(shè)置其class屬性為testid。

3、在test.html文件內(nèi)，編寫(xiě)<style type="text/css"></style>標(biāo)簽，頁(yè)面的css樣式將寫(xiě)在該標(biāo)簽內(nèi)。

4、在css標(biāo)簽內(nèi)，通過(guò)class設(shè)置css的樣式，定義div的寬度為200px，高度為200px，背景圖片為a.jpg。

5、在test.html文件內(nèi)，在div標(biāo)簽外，使用a標(biāo)簽創(chuàng)建一個(gè)鏈接，實(shí)現(xiàn)給背景圖片加上超鏈接。

6、在瀏覽器打開(kāi)test.html文件，查看實(shí)現(xiàn)的效果。

相關(guān)教程推薦：CSS視頻教程