エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSでaタグを角丸ボタンにする - Tomcky's blog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSでaタグを角丸ボタンにする - Tomcky's blog
codepen.io Flexboxを使って実現している。 justify-content: center; で水平方向の中央寄せ、 align-it... codepen.io Flexboxを使って実現している。 justify-content: center; で水平方向の中央寄せ、 align-items: center; で垂直方向の中央寄せをすることで、テキストをボタンの真ん中に持ってくる。 角丸は border-radius で調整。 幅や高さ、色などは好みで。 .-btn { display: flex; justify-content: center; align-items: center; width: 216px; height: 56px; text-align: center; border-radius: 12px; } aタグの中身にdivタグなどを使えば、テキストが複数行でも対応できる。 <a href="#" class="-btn -bg -txt"> <div> BUTTON<br> <span clas