CSS中的按钮设计是网站设计中非常重要的一个方面。设计一个好看的按钮不仅可以提高网站的美观性，也可以提高网站的用户体验。下面介绍一些常用的按钮设计技巧。

/* 普通按钮 */button {background-color: #4CAF50;color: white;border-radius: 4px;padding: 10px 20px;font-size: 16px;border: none;}/* 悬浮效果 */button:hover {background-color: #3e8e41;}/* 点击效果 */button:active {background-color: #3e8e41;box-shadow: 0 5px #666;transform: translateY(4px);}

以上代码展示了一个普通按钮的设计。按钮的背景颜色为绿色，字体为白色，圆角为4个像素，分别在上下左右加了10和20的内边距。同时设置了字体大小为16像素，并且没有边框。

在按钮上添加悬浮和点击效果是一种现代化的设计技术。当用户悬浮在按钮上时，颜色会变成深绿色，以增强按钮的点击体验。当用户点击按钮时，背景颜色会变深，按钮会产生一个阴影，并且按钮会有一个如下向上移动的效果。

总之，一个好的按钮设计应该吸引用户并且增强用户体验。使用以上技巧可以得到好的按钮设计效果。