CSSでWordPress風のフラットタイプボタンを作ろう!

Pocket

こんにちわ。

このブログでもWordpressを利用していますが、Wordpressのダッシュボードにあるようなフラットだけどちょっと立体的なボタン(矛盾してますが 笑)がおしゃれだったのでCSSで作ってみましょう!

簡単に実装できますから参考までに!

1602161

スポンサードリンク

まず、実物はこんな感じです。

実はこのブログはフラットデザインで統一しようかと思っていたんですが、こういう遊びがちょっとあると面白いですよね!

 

HTML

 

CSS

基本的なコードだけに要約してありますので、角を丸くしたい時などはお好みでborder-radiusなどを指定してみてくださいね!

 

 

では、またっ!

Pocket

スポンサードリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です