diff --git a/public/index.html b/public/index.html
index 8dee386..b827699 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,10 +6,11 @@
     <meta name="viewport" ,content="width=device-width, initial-scale=1.0">
     <link rel="shortcut icon" href="data:" type="image/x-icon">
     <link rel="stylesheet" href="style.css">
-    <title>包剪锤</title>
+    <title>石头、剪刀、布</title>
 </head>
 
 <body>
+    <h1>石头、剪刀、布</h1>
     <div id="game">
         <div id="player1">
             <div class="name">玩家甲</div>
@@ -22,6 +23,7 @@
             <div class="name">玩家乙</div>
         </div>
     </div>
+    <p><kbd>S</kbd>出剪刀 <kbd>D</kbd>出石头 <kbd>F</kbd>出布 点击自己的名字可以改名</p>
     <script src="socket.io/socket.io.js"></script>
     <script src="client.js"></script>
 </body>
diff --git a/public/style.css b/public/style.css
index 507e20a..731c761 100644
--- a/public/style.css
+++ b/public/style.css
@@ -8,11 +8,16 @@ body {
     width: 100%;
     height: 100vh;
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
     user-select: none;
 }
 
+#game {
+    margin: 20px 0;
+}
+
 #game,
 #player1,
 #player2 {
@@ -20,6 +25,12 @@ body {
     gap: 10px;
 }
 
+kbd {
+    padding: 4px 8px;
+    border: 1px solid #777;
+    border-radius: 0.25rem;
+}
+
 .score,
 .shape {
     min-width: 200px;
