css中怎么设置button样式-开发者知识库平台

css中怎么设置button样式

css

2290

2023/7/31 0:02:41

栏目: 编程语言

在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属性来设置更多的样式，如字体大小、阴影、边框等。可以根据具体需求来设置按钮的样式。

css中怎么设置button样式