圖片作為背景並且是連結的寫法(背景圖片加連結)_HTML/Xhtml_網頁製作

圖片作為背景，並且是連結的寫法。例如網站的logo圖片。例如：馬鈴薯的logo圖片

http://www.jb51.net">馬鈴薯網

a {display: block;width: 170px;height: 42px;text-indent: -9999px;background: url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-repeat;
因為z-indent的原因馬鈴薯網三個字是不會顯示的。 title屬性是滑鼠指向會顯示的文字。
連結背景圖片，在正常情況下是顯示不全的，因為連結是行內元素，並且對於a標籤css中width height屬性失效。

改進方法，就是css中display:block;或display:inline-block;然後設定width和height。