wordpressやソフトウェアをメインに時々地域ネタを書いてます

わすけのブログ

PC

CSSで簡単にボタンを作れる「Buttons」

投稿日:

buttons

ちょっとしたサイトを作成していたんですが、時間と手間を掛けずにリンクボタンを作りたい。

いつものようにgoogle先生にお伺いを立てると、cssで実装可能みたいです。

1種類だけならwebに乗っているcssのサンプルをコピーすればいいんですが、どうせなら何種類課セットになってものが欲しくなり、更に検索してみました。

そこで見つけたのがこのサービス

Buttons

Screenshot of alexwolfe.github.io

フラットやグローなど自分の好みのボタンを選択すれば、角丸や楕円、丸など数種類のボタンセットがダウンロード可能です。
ダウンロードした圧縮ファイルを解凍するとCSSファイルが入っているので、適用したいサイトにアップしてCSSファイルを追加してやればOK
簡単に楕円ボタンを利用できました。

今回はフラットをダウンロードしてみました。

cssでbutton作成

wordpressだと、QuickTagsにクラスを登録してやって「詳細はこちら」とか書いてやるとホント簡単にボタンが出来ます。

今後もサイト作成に活躍しそうです。

-PC
-, , ,

Copyright© わすけのブログ , 2020 All Rights Reserved Powered by STINGER.