ボタン作成

PHOTO EMBED

Sat Feb 08 2025 11:39:31 GMT+0000 (Coordinated Universal Time)

Saved by @erika 

.btn {
    display: block;
    padding-top: 20px;
    text-align: center;
    margin-top: 24px;
    border: 1px solid #000;
    background: rgba(15, 252, 233, 0.35);
    color: #000;
    font-size: 1.8rem;
    font-weight: 700;
  	transition: 0.4s;
    position: relative;
}
content_copyCOPY

ボタンはインライン要素の種類の要素ため、横幅の設定が効かない。ボタン作成時はほぼ確実に【display: block;】は書くと覚える。 transition: 0.4s;：マウスカーソルが当たった時の反応 position: relative;：矢印を真ん中に寄せるコード