三角形装飾付きボタン

実案件でもよく使うシンプルな、CSSだけで手軽に作れるボタンです。
シンプルゆえの使いやすさが魅力です。

右下

ボタンリンク

HTML<a href="" class="btn2">ボタンリンク</a> CSS.btn2 { display: inline-block; padding: .75em 2em; color: #fff; text-decoration: none; text-align: center; background: #3572da; position: relative;} .btn2::before { display: block; position: absolute; right: 3px; bottom: 3px; width: 0; height: 0; border-style: solid; border-width: 0 0 .625em .625em; border-color: transparent transparent #ffd83e transparent; content: "";}

右下