在CSS中如何給背景圖片加上超連結

2021-03-11 19:00:51

在CSS中給背景圖片加上超連結的方法:首先新建模組,並設定其class屬性為testid;然後將頁面的css樣式寫入標籤內,並通過class設定css的樣式;最後使用a標籤建立一個連結,實現給背景圖片加上超連結。

本教學操作環境:windows7系統、css3版,DELL G3電腦。

在CSS中給背景圖片加上超連結的方法:

1、新建一個html檔案,命名為test.html,用於講解在CSS中如何給背景圖片加上超連結。

310fce046ba48510435478c9e6a2f76.png

2、在test.html檔案內,使用div建立一個模組,並設定其class屬性為testid。

b2d15fb71e8a1454ba0a30836afbac9.png

3、在test.html檔案內,編寫<style type="text/css"></style>標籤,頁面的css樣式將寫在該標籤內。

0a16b3d02de40a371b70a29e2b8ca5e.png

4、在css標籤內,通過class設定css的樣式,定義div的寬度為200px,高度為200px,背景圖片為a.jpg。

6a665b2027f50c2c24d5b2174600a76.png

5、在test.html檔案內,在div標籤外,使用a標籤建立一個連結,實現給背景圖片加上超連結。

1b645450c9658574d95d11c0ebb1f31.png

6、在瀏覽器開啟test.html檔案,檢視實現的效果。

a8358184687d37bf039cefd683a4ba5.png

相關教學推薦:CSS視訊教學

以上就是在CSS中如何給背景圖片加上超連結的詳細內容,更多請關注TW511.COM其它相關文章!