css按钮设置大小 |seajs css变成js

/* 按钮样式的基础设置 */
.button {
padding: 10px 20px;  /* 上下左右都是10像素 */
font-size: 16px;  /* 字体大小是16像素 */
border-radius: 4px;  /* 边框圆角的弧度是4像素 */
}
/* 大型按钮 */
.button--large {
padding: 20px 40px;  /* 上下左右都是20像素 */
font-size: 20px;  /* 字体大小是20像素 */
border-radius: 6px;  /* 边框圆角的弧度是6像素 */
}
/* 小型按钮 */
.button--small {
padding: 5px 10px;  /* 上下左右都是5像素 */
font-size: 12px;  /* 字体大小是12像素 */
border-radius: 2px;  /* 边框圆角的弧度是2像素 */
}

在上面的代码中，`.button` 是所有按钮的基础样式，`.button–large` 和 `.button–small` 是根据需要定制的特殊样式。通过这种方式，您可以轻松地为每个按钮设置适当的大小。