在css中,可以利用“:active”選擇器和border屬性實現按鈕點擊時修改邊框效果,語法為“按鈕元素:active{border:邊框粗細值 solid 顏色值}”。
讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:國際域名空間、網絡空間、營銷軟件、網站建設、遼源網站維護、網站推廣。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎樣在按鈕點擊時修改邊框
在css中,可以用:active選擇器和border屬性實現按鈕點擊時修改邊框。
:active選擇器用于選擇元素被點擊時,并設置樣式,border屬性用于設置元素的邊框樣式。
示例如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> button{ width:100px; height:50px; border-radius:25px; border:5px solid red; } button:active{ border:5px solid pink; } </style></head><body> <button>按鈕</button></body></html>輸出結果:
(學習視頻分享:css視頻教程)
分享名稱:css怎樣在按鈕點擊時修改邊框
文章分享:http://m.rwnh.cn/article38/cgidpp.html
成都網站建設公司_創(chuàng)新互聯,為您提供網站制作、微信小程序、標簽優(yōu)化、App設計、面包屑導航、外貿網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯