コピペOK!cssでボックス、アンダーライン、ボタンのデザインサンプル

SWELLでは豊富なデザインが手軽に利用できる機能が標準装備されているので、ほとんどのことがカスタマイズなしで実現可能です。

本記事ではSWELL以外のテーマを利用している方や、SWELLを利用している方がさらにオリジナリティのあるカスタマイズを行いたいときのデザインサンプルをご紹介します。

目次

文字装飾

ボックス

黒いボックス

黒いボックス

黒いボックスに黄色い影

黒いボックスに黄色い影

ボックス下部が斜線

ボックス下部が斜線

破線ボックス

破線ボックス

アンダーライン

斜線

斜線アンダーライン

蛍光ペン風

蛍光ペン風アンダーライン

ボタン

ホバーアクションがアクセントです。

ふわっと黒くなるボタン

YSUKE.jp

背景色と枠がズレたボタン

SUP風ボタン

YSUKE.jp

左から右へ色が変わる

YSUKE.jp

まとめ

テーマやサイトのレイアウトに応じた編集をしてご利用ください。

豊富なデザインが手軽に利用できる機能が標準装備されている、ほとんどのことがカスタマイズなしで実現可能なワードプレステーマはこちらです。

  • URLをコピーしました!

コメント

コメントする

目次