本文小編為大家詳細(xì)介紹“如何在css中給button設(shè)置陰影”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“如何在css中給button設(shè)置陰影”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

成都創(chuàng)新互聯(lián)公司是一家以網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、品牌設(shè)計、軟件運維、seo優(yōu)化排名、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為成都木托盤等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務(wù)。

css3做一個帶陰影的button按鈕

鼠標(biāo)向前和向后的效果比較：

！- html代碼-

input  class=' but  ' type=' button  ' value=' confirm  '/！- css代碼-

styletype='text/css  '。但是{

border:0pxgrooveorange

box-shadow  :5 px6px  10px  # 000；

margin-left  :160 px；

border-radius  :10 px；

background: # 034c92

顏色：白色；

寬度width:250px

height:40px

font-size  :20 px；

}

但是：hover{

box-shadow  :8 px10px  10px  # 000；

背景# 005DF9

}

讀到這里，這篇“如何在css中給button設(shè)置陰影”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁名稱：如何在css中給button設(shè)置陰影
當(dāng)前URL：http://chinadenli.net/article6/jhpdig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、外貿(mào)建站、Google、做網(wǎng)站、網(wǎng)站制作、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)