Kung paano gumawa: pang buong lapad (block) na button

Matututunan kung paano gamitin ang CSS upang itataya ang estilo ng block na button (pang buong lapad).

Kung paano itataya ang estilo ng block na button

Unang hakbang - Magdagdag ng HTML:

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

Ikalawa na hakbang - Magdagdag ng CSS:

Para makabuo ng block na button, magdagdag ng 100% na lapad at gawing block ang elemento:

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

亲自试一试

相关页面

教程:CSS 按钮