만드는 방법: 약형 버튼

CSS를 사용하여 약형 버튼을 만들어보세요.

약형 버튼을 어떻게 만드는가

第一步 - HTML 추가하기:

<button class="button">Pill Button</button>

第二步 - 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 按钮