방법 - 알약 버튼
CSS로 알약 버튼을 만드는 방법을 알아보세요.
알약 버튼을 만드는 방법
1단계) HTML 추가:
예시
<button class="button">Pill Button</button>
2단계) CSS 추가:
border-radius
속성 이 있는 버튼에 둥근 모서리 추가 :
예시
.button {
background-color: #ddd;
border: none;
color: black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px
2px;
cursor: pointer;
border-radius: 16px;
}
버튼의 스타일을 지정하는 방법에 대해 자세히 알아보려면 CSS 버튼 튜토리얼 로 이동 하십시오.