先來看張：
原理就是通過背景的左對齊和右對齊用a標籤和span標籤組合出乙個完整的圓角矩形。再通過hover標籤去滑動。
完整**演示：
css自適應寬度圓角按鈕 @5key.net
title
>
<
style
>
*bodyh1a
a:hover
a span
a:hover span
style
>
head
>
<
body
>
<
h1><
strong
>
css自適應寬度圓角按鈕
strong
>
h1>
<
a href
="#"
><
span
>
首頁span
>
a>
<
a href
="#"
><
span
>
不是首頁
span
>
a>
<
a href
="#"
><
span
>
他也許是首頁
span
>
a>
<
a href
="#"
><
span
>
但他一定不是首頁
span
>
a>
<
a href
="#"
><
span
>
好了，就這樣把。別扯了~
span
>
a>
body
>
html
>
用到的：
首頁 不是首頁
他也許是首頁
但他一定不是首頁
好了，就這樣把。別扯了~
CSS自適應寬度圓角按鈕
原理就是通過背景的左對齊和右對齊用a標籤和span標籤組合出乙個完整的圓角矩形。再通過hover標籤去滑動。css bodyh1a a hover aspan a hoverspan html body ahref mce href span 首頁 span a ahref mce href spa...
CSS自適應寬度圓角按鈕
1.背景實現 a a span a hover a hover span 免費註冊 登入自適應寬度 img 原理就是做乙個足夠寬的背景，a和span都用同一張背景圖，文字左側部分顯示的是a的背景，文字本身和右側部分顯示的是span的背景，拼接成乙個按鈕。2.css3 火狐和chrome實現 butt...
圓角自適應寬度按鈕的css實現
圓角自適應寬度按鈕的css實現 有時候我們需要乙個鏈結看上去像按鈕，所以就需要用到block屬性，如果要幾個按鈕併排或者需要和其他文字混排的時候，inline block就可以很好的解決這個問題。只是不是所有人都響應了mozilla的號召把firefox公升級到了3.0。遺憾的是，firefox2不...