1.創建壹個新的test.html文件。
2.首先，超級鏈接A應被分級如下:
將css代碼添加到a:a { display:block；}
代碼截圖如下:
3.使用background-image為鏈接添加背景圖片。用法如下:
a { background-image:URL(XXX . jpg)；}
但是光靠這個寫法是無法展現背景圖的，需要結合第二步。
代碼截圖如下:
4.使用的圖片素材如下，圖片名稱為001.jpg，位置截圖如下。
5.示例演示向超鏈接添加背景圖片。代碼如下:
& lthtml & gt
& lthead & gt
& ltstyle & gt
a { background-image:URL(001 . jpg)；顯示:塊；寬度:300px身高:100 px；字體大小:25px}
& lt/style & gt；
& lt/head & gt；
& ltbody & gt
& lta & gt我是壹個帶有背景圖片的超鏈接
& lt/body & gt；
& lt/html & gt；
6.操作效果截圖如下。