绿色环境楼导引 - 海角网
.helper_body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.helper_container {
width: 90%; /* 设置容器宽度为浏览器宽度的90% */
text-align: center;
}
.helper_button {
display: inline-block;
padding: 20px 40px; /* 增加内边距以适应更大的高度 */
margin: 20px 0; /* 增加垂直外边距 */
background-color: #4CAF50;
color: white;
border-radius: 15px; /* 设置圆角 */
text-decoration: none; /* 移除默认的下划线 */
transition: background-color 0.3s;
width: 100%; /* 设置按钮宽度为100% */
text-align: left; /* 将文字左对齐 */
font-size: 1.2em; /* 增加字体大小 */
line-height: 1.5; /* 调整行高 */
box-sizing: border-box; /* 确保内边距和边框包含在宽度和高度内 */
}
.helper_button:hover {
background-color: #45a049; /* 鼠标悬停时改变背景颜色 */
text-decoration: none; /* 再次确认不显示下划线 */
}
.helper_icon {
margin-right: 16px; /* 增加图标与文字之间的间距 */
}
