|
|
|
|
@ -1,9 +1,9 @@
|
|
|
|
|
.button {
|
|
|
|
|
border: none; /* 去掉按钮的默认边框 */
|
|
|
|
|
padding: 4px 80px; /* 内边距:上下 4px,左右 80px,控制按钮文字与边缘的距离以及按钮宽度感 */
|
|
|
|
|
text-align: center; /* 文字在按钮内水平居中 */
|
|
|
|
|
text-decoration: none; /* 去掉文字装饰(比如下划线,通常对 <a> 标签有用) */
|
|
|
|
|
display: inline-block; /* 让按钮可以设置宽高,同时还能在一行显示(不像块级元素独占一行) */
|
|
|
|
|
font-size: 16px; /* 按钮内文字大小为 16 像素 */
|
|
|
|
|
margin: 4px 2px; /* 外边距:上下 4px,左右 2px,控制按钮与其它元素的间距 */
|
|
|
|
|
border: none;
|
|
|
|
|
padding: 4px 80px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
margin: 4px 2px;
|
|
|
|
|
}
|