本文小編為大家詳細介紹“如何在css中給button設置陰影”,內容詳細,步驟清晰,細節處理妥當,希望這篇“如何在css中給button設置陰影”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
成都創新互聯公司是一家以網站建設、網頁設計、品牌設計、軟件運維、seo優化排名、小程序App開發等移動開發為一體互聯網公司。已累計為成都木托盤等眾行業中小客戶提供優質的互聯網建站和軟件開發服務。
css3做一個帶陰影的button按鈕
鼠標向前和向后的效果比較:
!- 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設置陰影”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注創新互聯行業資訊頻道。
網頁名稱:如何在css中給button設置陰影
當前URL:http://vcdvsql.cn/article6/jhpdig.html
成都網站建設公司_創新互聯,為您提供虛擬主機、外貿建站、Google、做網站、網站制作、網站導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯