CSS按鈕是用CSS樣式表來制作的,其中包含了一些CSS屬性和樣式,如字體、顏色、背景、邊框等。CSS按鈕可以使用不同的樣式和顏色來實現各種不同的風格和功能,例如提交表單、跳轉鏈接、播放音樂等。
.btn { display: inline-block; /* 使按鈕可以像文本框一樣放在同一行上 */ padding: 8px 16px; /* 定義按鈕內邊距 */ border: 1px solid #ccc; /* 定義按鈕邊框 */ border-radius: 4px; /* 定義按鈕的圓角 */ background-color: #fff; /* 定義按鈕的背景顏色 */ color: #333; /* 定義按鈕的文字顏色 */ font-size: 14px; /* 定義按鈕的字體大小 */ text-decoration: none; /* 去除按鈕的下劃線 */ } .btn:hover { background-color: #f5f5f5; /* 定義鼠標懸停時的按鈕背景顏色 */ } .btn:active { background-color: #e6e6e6; /* 定義按鈕按下時的背景顏色 */ }
上面的代碼是一個基本的CSS按鈕,它具有一些基本的樣式和功能。可以根據需要修改這些屬性和樣式以實現不同的設計和功能。例如,可以更改背景顏色、邊框樣式、字體大小等來實現不同的外觀。也可以添加JavaScript代碼來實現按鈕的交互功能。
上一篇css樹可視化