Skip to content

Instantly share code, notes, and snippets.

@aodag
Created June 3, 2023 03:05
Show Gist options
  • Save aodag/9dd7d9a4edd092cafd4c4e75a3023aaa to your computer and use it in GitHub Desktop.
Save aodag/9dd7d9a4edd092cafd4c4e75a3023aaa to your computer and use it in GitHub Desktop.
css遊び
<!DOCTYPE html>
<html>
<style>
body {
width: 100%;
}
.btn-container {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.btn-container button {
display: block;
padding: 50px;
width: 100%;
margin-top: 50px
}
.btn-on {
background-color: red;
}
.btn-on:hover {
background-color: pink;
}
.btn-off {
background-color: green;
}
.btn-off:hover {
background-color: aquamarine;
}
</style>
<body>
<div class="btn-container">
<button class="btn-on">ON</button>
<button class="btn-off"> OFF</button>
<button>OFF</button>
<button>OFF</button>
</div>
</body>
</html>
@aodag
Copy link
Author

aodag commented Jun 3, 2023

$ python3 -m http.server

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment