css3制作一個(gè)漂亮的按鈕_html/css
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 16:02:47
css3制作一個(gè)漂亮的按鈕_html/css
css3制作一個(gè)漂亮的按鈕_html/css_WEB-ITnose:特點(diǎn)： 1、圓角邊框 border-radius 2、文字有背景 text-shadow 3、按鈕有陰影 box-shadow 4、文字有向上的陰影 text-shadow 5、按鈕背景色有個(gè)從上往下的漸變效果 linear-gradient 6、點(diǎn)擊后明顯有個(gè)下按效果 .btn{ background-
導(dǎo)讀css3制作一個(gè)漂亮的按鈕_html/css_WEB-ITnose:特點(diǎn)： 1、圓角邊框 border-radius 2、文字有背景 text-shadow 3、按鈕有陰影 box-shadow 4、文字有向上的陰影 text-shadow 5、按鈕背景色有個(gè)從上往下的漸變效果 linear-gradient 6、點(diǎn)擊后明顯有個(gè)下按效果 .btn{ background-
特點(diǎn)：
1、圓角邊框 border-radius
2、文字有背景 text-shadow
3、按鈕有陰影 box-shadow
4、文字有向上的陰影 text-shadow
5、按鈕背景色有個(gè)從上往下的漸變效果 linear-gradient
6、點(diǎn)擊后明顯有個(gè)下按效果
有漸變還用 background-color的原因是當(dāng)瀏覽器不支持漸變屬性的時(shí)候顯示背景色，這個(gè)就沒有立體感了：
當(dāng)然懶貨可以用 http://css3button.net/ 來生成css3按鈕：
改變字體大小，按鈕大小也隨之改變
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
css3制作一個(gè)漂亮的按鈕_html/css
css3制作一個(gè)漂亮的按鈕_html/css_WEB-ITnose:特點(diǎn)： 1、圓角邊框 border-radius 2、文字有背景 text-shadow 3、按鈕有陰影 box-shadow 4、文字有向上的陰影 text-shadow 5、按鈕背景色有個(gè)從上往下的漸變效果 linear-gradient 6、點(diǎn)擊后明顯有個(gè)下按效果 .btn{ background-
