如何使用CSS制作有吸引力的按钮

请检查这些截图。现在我想用第一个图像替换第二个图像的登录按钮的背景色

谁能提供代码

我的代码是：

buttonContainer: {
  backgroundColor: '#9ce8d3';
  paddingVertical: 12;
  borderRadius: 5;
  marginTop: 25;
}

---

有些代码会更好

但是你可以使用一个渐变生成器，用正确的颜色，比如

所以你可以有这样的东西：

background: #3dbeb2;
background: -moz-linear-gradient(left, #3dbeb2 0%, #02b5d1 100%);
background: -webkit-linear-gradient(left, #3dbeb2 0%,#02b5d1 100%);
background: linear-gradient(to right, #3dbeb2 0%,#02b5d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dbeb2', endColorstr='#02b5d1',GradientType=1 );

---

编辑：没有看到您的代码编辑。

我认为您不需要任何渐变，只需要一个简单的背景色十六进制值

背景色为

#32b9cd

。按钮{
/*颜色*/
颜色：白色；
背景色：#32b9cd；
/*定位*/
填充：12px；
边缘顶部：25px；
宽度：200px；
高度：25px；
保证金：自动；
/*字体样式*/
字体大小：20px；
线高：25px；
字体系列：Arial，无衬线；
文本对齐：居中；
/*边界曲线*/
边界半径：5px；
}

---

登录

先显示一些努力；）我们需要你的代码，而不是截图就绪

-6

，我建议你编辑你的帖子，学习一些CSSI推荐的基本颜色组合，再加上正确的颜色组合，现在请大家检查一下。