CSS3是前端开发人员常用的技术之一，它拥有丰富的样式属性和选择器，为网页的美化和功能优化提供了很大的帮助。其中，CSS3的按钮样式也是很受欢迎的，它既可以提升用户体验，又可以使页面更加美观。 在CSS3中，按钮样式的实现通常是通过button、input等标签来实现的。我们可以为这些标签设置不同的样式属性，比如颜色、背景、阴影等，以达到美化的目的。下面我们就来看一些常用的CSS3按钮样式。 1. 普通按钮样式 对于普通按钮的样式，我们可以为button和input标签设置border和background-color属性，例如：

p {
text-align: center;
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
display: inline-block;
padding: 8px 18px;
font-size: 16px;
line-height: 1.5;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #fff;
cursor: pointer;
transition: all .3s ease-in-out;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
border-color: #4a4a4a;
background-color: #4a4a4a;
color: #fff;
}

2. 圆角按钮样式 如果需要让按钮的边角变得更加圆润，我们可以使用border-radius属性，例如：

button, input[type="button"], input[type="submit"], input[type="reset"] {
border-radius: 20px;
}

3. 渐变色按钮样式 按钮的渐变色效果可以为页面增添很多色彩，我们可以使用background属性设置渐变色，例如：

button, input[type="button"], input[type="submit"], input[type="reset"] {
background: linear-gradient(to bottom, #fff, #ccc);
}

4. 阴影按钮样式 为按钮添加阴影效果可以让它看起来更加立体，我们可以使用box-shadow属性，例如：

button, input[type="button"], input[type="submit"], input[type="reset"] {
box-shadow: 0 0 10px #aaa;
}

总的来说，CSS3按钮样式拥有多种样式效果，可以让开发者根据实际需求进行选择。当然，样式的好坏也需要根据不同的界面设计风格来判断。希望能够给前端开发者提供一些参考和帮助。