使用CSS的按钮样式

我的网页上有一个按钮

<button id="button" type="button">Show</button>

Show

我想我的按钮在蓝色，如果可能的话，有圆角。我该怎么做？？我对造型真的很陌生

试试这个CSS：

#按钮{
背景：蓝色；
边界半径：35px；
边界：无；
}

小提琴手：

修正了你的分数

 <button class="button">SHOW</button> /*..you were missing the >   ...*/

---

如果您复制并粘贴了丢失的“>”标签！尝试边界半径：50%；您的更正将id更改为类，并将值改为大写！为了支持更多浏览器，您可以添加

-webkit-border-radius:10px-moz边界半径：10px；边界半径：10px

@Moob css前缀通常应该尽可能避免使用，在这里，它们是。此外，在样式设计方面，用类替换id是一个好习惯，因为id有其他影响。有一天，你可能会发现你想要在DOM中有几个按钮（即使是隐藏的），尽管CSS很乐意让ID选择器匹配多个项目，但许多JS库却不这样做，这可能会导致问题。我们不知道OP的要求，因此更改现有代码可能是不具建设性的（除了纠正丢失的紧邻括号之外），你根本不能麻烦使用类名。我认为把浏览器前缀包含进来是一个好的做法（恼人的）。虽然

border radius

得到了很好的支持，但在较旧的iOS和Android设备上可能会有访问者。@Moob:caniuse估计这些浏览器所占比例不到0.1%，即几乎不相关-特别是因为缺少border radius不是一个严重的缺陷，只是有点难看。相比之下，根本不支持它的IE8是仍然是6%.YMMV-但是你的站点无论如何都应该是可用的，没有边界半径，如果是的话，不要担心0.1%。因为你（计划）写的任何代码现在都比现在活得长，平均影响会更低。最后，无论如何。

 .button{
background-color:blue;
border-radius:10px;
}