css圓角box 寬度自適應 挖出

2021-05-18 02:43:31 字數 666 閱讀 9824

1.css

.zhidao_box

.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3

.zhidao_box .rg_2

.zhidao_box .rg_3

.zhidao_box .rg_1

.zhidao_box .rg_2, .zhidao_box .rg_3

.zhidao_box .rg

.zhidao_box .tit

.zhidao_box .con

/* change color begin */

.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3

.zhidao_box .rg_1

.zhidao_box .rg_2, .zhidao_box .rg_3

.zhidao_box .rg

.zhidao_box .bg_fff

/* change color end*/

2.html

use1:

標題內容內容

use2:

內容內容

use3:

內容內容

3.效果

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自適應寬度圓角按鈕

先來看張 原理就是通過背景的左對齊和右對齊用a標籤和span標籤組合出乙個完整的圓角矩形。再通過hover標籤去滑動。完整 演示 css自適應寬度圓角按鈕 5key.net title style bodyh1a a hover a span a hover span style head body...