在CSS中設置button樣式的方法有很多種,以下是其中的一些常見方法:
.button {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
<button class="button">按鈕</button>
#myButton {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
<button id="myButton">按鈕</button>
button {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
<button>按鈕1</button>
<button>按鈕2</button>
button:hover {
background-color: #0056b3;
}
button:active {
background-color: #003e80;
}
<button>按鈕</button>
這些只是設置按鈕樣式的一些基本方法,實際上還可以通過CSS屬性來設置更多的樣式,如字體大小、陰影、邊框等。可以根據具體需求來設置按鈕的樣式。