CSSでボタンを作る方法

CSSでボタンを作る方法を紹介します。

CSSでボタンを作るサンプルコード

HTML

<a href="/" class="btn1">テキスト</a>

CSS

.btn1 {
  display: block;
  max-width: 440px;
  padding: 14px 20px;
  background: #ec4646;
  border-radius: 40px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

サンプル

テキスト