按钮HTML上的形状

Question

我正在开发一个Arduino程序，我想在它们上面有代表LED的按钮。 Ideal Button

欢呼声。

.BLANK_BUTTON{border-radius: 4px; background-color: #fff; color: #000; height: 95px; width: 350px; text-align: left; text-decoration: none; display: inline-block; font-size: 25px; margin: 4px 4px; cursor: pointer;}

Answer 1

我的CSS不好，但是您可以尝试我的代码，

#red{display: inline-block;width:10px;height:10px;background-color: red;border-radius: 50%;margin-left: 10px;}

#blue{display: inline-block;width:10px;height:10px;background-color: blue;border-radius: 50%;margin-left: 10px;}

#black{display: inline-block;width:10px;height:10px;background-color: black;border-radius: 50%;margin-left: 10px;}

<button>button<span id="red"></span><span id="blue"></span><span id="black"></span></button>