diff --git a/index.html b/index.html index 7d7ea82..601c683 100644 --- a/index.html +++ b/index.html @@ -6,8 +6,10 @@ 256times20191207 - - - +
+
BUTTON
+
BUTTON
+
BUTTON
+
\ No newline at end of file diff --git a/styles.css b/styles.css index 100a2c9..9148f28 100644 --- a/styles.css +++ b/styles.css @@ -2,15 +2,22 @@ body { margin: 0; } +.container { + display: flex; +} + .btn1 { margin: 30px; font-size: 24px; + font-weight: bold; background: #000080; color: white; box-shadow: 0 4px 0 #e9e9e9; border-radius: 8px; width: 150px; height: 60px; + line-height: 60px; + text-align: center; cursor: pointer; } @@ -21,12 +28,15 @@ body { .btn2 { margin: 30px; font-size: 24px; + font-weight: bold; background: #008000; color: white; box-shadow: 0 4px 0 #e9e9e9; border-radius: 8px; width: 150px; height: 60px; + line-height: 60px; + text-align: center; cursor: pointer; } @@ -41,12 +51,15 @@ body { .btn3 { margin: 30px; font-size: 24px; + font-weight: bold; background: #372560; color: white; - box-shadow: 0 10px 0 #e9e9e9; + box-shadow: 0 5px 0 #e9e9e9; border-radius: 8px; width: 150px; height: 60px; + line-height: 60px; + text-align: center; cursor: pointer; user-select: none; } @@ -56,7 +69,7 @@ body { } .btn3:active { - box-shadow: 0 5px 0 #000080; + box-shadow: 0 2px 0 #000080; margin-top: 35px; }