<стил> тяло { семейство шрифтове: Arial, sans-serif; поле: 20px; подплата: 0; цвят на фона: #f9f9f9; } .button-container { дисплей: гъвкав; flex-wrap: обвивка; междина: 10px; } .button-container a { текст-декорация: няма; цвят на фона: #FCBE00; /* 按钮背景颜色 */ цвят: черен; подложка: 8px 10px; /* 按钮内部间距 */ радиус на границата: 5px; подравняване на текст: център; гъвкавост: 1 0 calc(6,66% - 10px); /* 每行 15 个按钮 */ оразмеряване на кутията: border-box; размер на шрифта: 14px; височина на линията: 1.2; /* 设置字体行高 */ височина: 30px; /* 按钮高度 */ дисплей: гъвкав; подравняване на елементи: център; /* 垂直居中 */ justify-content: център; /* 水平居中 */ преход: цвят на фона 0.3s лекота; } .button-container a:hover { цвят на фона: #d9a700; /* 悬停时的背景颜色 */ } /* 平板设备 */ @media (максимална ширина: 768px) { .button-container a { flex: 1 0 calc(25% - 10px); /* 平板端每行 4 个按钮 */ } } /* 手机端 */ @media (максимална ширина: 480px) { .button-container a { flex: 1 0 calc(25% - 10px); /* Зарядни за електроника 4 броя */ } }