어떻게 만들까요? 전체 너비(블록) 버튼

CSS를 사용하여 블록의 버튼(전체 너비) 스타일을 설정하는 방법을 배우세요。

블록 버튼 스타일 설정 방법

第一步 - HTML 추가：

<button type="button" class="block">Block Button</button>

第二步 - CSS 추가：

블록 버튼을 생성하려면 100%의 너비를 추가하고 블록 요소로 만들어 주세요：

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

직접 테스트해 보세요

관련 페이지

강의:CSS 버튼