DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 圖片作為背景並且是鏈接的寫法(背景圖片加鏈接)
圖片作為背景並且是鏈接的寫法(背景圖片加鏈接)
編輯:HTML和Xhtml     

圖片作為背景,並且是鏈接的寫法。例如網站的logo圖片。例如:土豆的logo圖片

<a title="土豆網 tudou.com 每個人都是生活的導演" href="http://www.jb51.net">土豆網</a>

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><span>鏈接背景圖片,在正常情況下是顯示不全的,因為<a>鏈接是行內元素,並且對於a標簽css中width height屬性失效。

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved