CSS可谓是网页设计中的重要一环，在网页设计中起到了极为重要的作用。而其中的按钮设计则是前端设计中不可或缺的一部分，因为一个好看的按钮可以让用户对网页的印象更好，也可以帮助用户更好的体验网站的功能。接下来我们就来谈谈CSS中好看的按钮颜色。

.button {
background-color: #0d6efd;
color: #fff;
border: none;
border-radius: 5px;
padding: 8px 16px;
}

在上述代码中，我们可以看到按钮的颜色为深蓝色，这种颜色让人感觉比较稳重，也非常容易让人产生信任感。同时，预设的边框和悬停效果，使得按钮看起来更细致，也让用户更方便地与网站进行交互。

.button {
background-color: #FFC107;
color: #fff;
border: none;
border-radius: 5px;
padding: 8px 16px;
}

上述代码中，我们可以看到按钮颜色为橙黄色，这种颜色给人一种灵活、愉悦的感觉，而且橙色是暖色系中最为活跃和温暖的颜色之一，可以激活用户的情感体验。这种颜色在网页设计中使用较为广泛，可以让用户更愉悦地使用网站。

.button {
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
padding: 8px 16px;
}

上述代码中，我们可以看到按钮颜色为翠绿色，这种颜色让人感觉比较清爽，同时也让人感觉到积极向上。翠绿色是一种非常活跃、生气勃勃的颜色，可以提高用户使用网站的积极性和效率。

总的来说，我们在使用CSS编写按钮时，可以根据网站的风格来选择不同的颜色。选择合适的颜色可以让用户更好地体验网站，提升网站的美观度和用户体验度。