CSS 代码：生成两个相同字体、大小和样式的按钮

.gui { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-align: center; width: 100px; height: 40px; border: none; color: #fff; background-color: #007bff; cursor: pointer; margin: 10px; padding: 10px; }

.gui:hover { background-color: #0062cc; }

.gui:active { background-color: #005cbf; }

.gui:focus { outline: none; }

.gui2 { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-align: center; width: 100px; height: 40px; border: none; color: #fff; background-color: #dc3545; cursor: pointer; margin: 10px; padding: 10px; }

.gui2:hover { background-color: #c82333; }

.gui2:active { background-color: #bd2130; }

.gui2:focus { outline: none; }