w3.css

전체 너비(블록) 버튼

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;
}

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기