猜数字游戏的网页

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>猜数字游戏</title> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #333; } .game-container { background-color: rgba(255, 255, 255, 0.9); padding: 30px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); text-align: center; max-width: 400px; width: 90%; } h1 { color: #4a4a4a; margin-bottom: 20px; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); } p { color: #666; line-height: 1.6; } input { width: 120px; padding: 10px; margin: 20px 0; border: 2px solid #ddd; border-radius: 5px; font-size: 1em; text-align: center; } button { background-color: #6c5ce7; color: white; border: none; padding: 12px 25px; font-size: 1em; margin: 10px 0; cursor: pointer; border-radius: 50px; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(108, 92, 231, 0.4); } button:hover { background-color: #5b4cdb; transform: translateY(-2px); box-shadow: 0 7px 20px rgba(108, 92, 231, 0.6); } #message { margin-top: 20px; font-weight: bold; color: #2d3436; padding: 10px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.7); } </style></head><body> <div>运行效果：

玩酷网

信息化聊科技