登录按钮 设置边框3px solid #XXX 设置背景颜色 设置字体 加粗 鼠标划过时 背景颜色变化 鼠标显示小手

登录按钮的设计可以分为以下几个部分：

1. **边框**：你可以使用CSS `border` 属性来添加3像素实线边框，例如 `border: 3px solid #XXX`，其中#XXX替换为你要的颜色代码。

2. **背景颜色**：设置按钮的背景颜色使用 `background-color` 属性，如 `background-color: #YYZZTT;`，同样替换为你需要的颜色。

3. **字体加粗**：使用 `font-weight` 属性来设置字体加粗，如 `font-weight: bold;`。

4. **鼠标悬停效果**：当鼠标滑过按钮时，背景颜色会变化，这可以通过 `:hover`伪类来实现，比如：

   .login-button:hover {
     background-color: #newcolor; /* 新的背景颜色 */
   }

5. **鼠标图标（悬停状态）**：默认情况下，大多数浏览器会在鼠标指针上显示一个手形图标，表示元素可交互。如果需要自定义鼠标形状，CSS无法直接做到，但在HTML中可以设置`<a>`标签为链接，或者使用一些JS库（如Font Awesome）来显示特定的图标。

完整的样式示例：

.login-button {
  border: 3px solid #XXX;
  background-color: #YYZZTT;
  font-weight: bold;
  padding: 10px 20px; /* 根据需求调整内部间距 */
  text-align: center;
  cursor: pointer;
}

.login-button:hover {
  background-color: #newcolor;
}

将`.login-button`应用到实际的HTML按钮上，如 `<button class="login-button">登录</button>`。