방법 - 전체 너비(차단) 버튼
CSS를 사용하여 블록 버튼(전체 너비)의 스타일을 지정하는 방법을 알아봅니다.
블록 버튼 스타일 지정 방법
1단계) HTML 추가:
예시
<button
type="button" class="block">Block Button</button>
2단계) CSS 추가:
전체 너비 버튼을 만들려면 너비 100%를 추가하고 블록 요소로 만듭니다.
예시
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
버튼의 스타일을 지정하는 방법에 대해 자세히 알아보려면 CSS 버튼 튜토리얼 로 이동 하십시오.