CSS樣式如何設(shè)置圖片立體效果

能否說得詳細(xì)一點(diǎn)，什么叫立體效果的背景圖片？ 非要通過css設(shè)置，就只能設(shè)置左邊和頂邊的邊框?yàn)闇\色模擬高光，右邊和底邊的邊框?yàn)樯钌M陰影來做立體效果。如果要復(fù)雜一些的立體效果，你就必須通過圖片來做了，使用繪圖軟件繪制一個(gè)立體效果的按鈕，然后設(shè)為按鈕背景即可

創(chuàng)新互聯(lián)于2013年開始，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元濟(jì)陽做網(wǎng)站,已為上家服務(wù),為濟(jì)陽各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

求按鈕樣式研究 css html

這些是用div或a標(biāo)簽?zāi)M的按鈕

title純css圓角按鈕/title

style type="text/css"

body{font-size:12px;}

.a{display:inline-block; border-width:1px 0; border-color:#bbbbbb; border-style:solid; vertical-align:middle; *display:inline; zoom:1;text-decoration: none;}

.b{height:22px; border-width:0 1px; border-color:#bbbbbb; border-style:solid; margin:0 -1px; background:#e3e3e3; position:relative; _float:left;}

.c{line-height:10px; background:#f9f9f9; border-bottom:2px solid #eeeeee;}

.d{padding:0 8px; line-height:22px; color:#000000; margin-top:-12px; cursor:pointer;}

/style

body

a class="a" href="#"

div class="b"

div class="c" /div

div class="d"css圓角按鈕/div

/div

/a

/body

如何在CSS里面定義一個(gè)立體感很強(qiáng)的按鈕

border-color: black #000000 #000000 black你把邊框都設(shè)置成了黑的，當(dāng)然看不出立體感了??！

--

border-color: gray #000000 #000000 gray

怎樣用CSS寫按鈕樣式

一般有三種方法：

Button標(biāo)簽直接使用CSS定義樣式，優(yōu)點(diǎn)是立體感、有按下狀態(tài)，缺點(diǎn)是樣式單一、各瀏覽器下顯示效果不一致。

a標(biāo)簽+背景圖片+滑動(dòng)門技術(shù)，優(yōu)點(diǎn)是可實(shí)現(xiàn)多種視覺效果，缺點(diǎn)是采用滑動(dòng)門技術(shù)會(huì)導(dǎo)致背景圖片過大。

a標(biāo)簽直接使用CSS3繪制，優(yōu)點(diǎn)是在保證視覺效果的基礎(chǔ)上大大減少了背景圖片的使用，缺點(diǎn)是部分瀏覽器不兼容。