首頁 > web前端 > html教學 > 圖片作為背景並且是連結的寫法(背景圖片加連結)_HTML/Xhtml_網頁製作

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

WBOY
發布: 2016-05-16 16:37:56
原創
1777 人瀏覽過

圖片作為背景,並且是連結的寫法。例如網站的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。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板