<button>버튼 1</button>
<button>버튼 2</button>
<button>버튼 3</button>
button:focus-visible {
outline: 2px solid red;
outline-offset: 1px;
}
button:hover {
background: darkred;
}
button {
font-size: 1.2rem;
font-weight: bold;
background: red;
color: white;
padding-inline: 1em;
padding-block: 0.5em;
border-radius: 1em;
border: none;
}
body {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.