HTML/CSS 按钮与文本：正确处理超链接和布局

body {  font-family: arial, sans-serif;}.button1 {  background-color: #E44040; /* 背景色 */  border: none; /* 无边框 */  color: white; /* 文本颜色 */  padding: 20px; /* 内边距 */  text-align: center; /* 文本居中 */  text-decoration: none; /* 移除下划线 */  display: inline-block; /* 使其表现为块级元素但允许同行显示 */  font-size: 16px; /* 字体大小 */  margin: 4px 2px; /* 外边距 */  cursor: pointer; /* 鼠标悬停时显示手型光标 */  border-radius: 2px; /* 圆角 */}.button2 {  border: none;  padding: 20px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 16px;  margin: 4px 2px;  cursor: pointer;  border-radius: 12px; /* 圆角 */}