CSS

シンタックスハイライト機能のあるテーマやプラグインを利用すれば言語ごとにタグやクラスの色付けが可能なエディタがありますが、 今回はとにかく軽くしたい方向けの CSSのみで使えるデザインサンプルです。 ...

CSS

HRタグ用のサンプルCSSです。   HTML HTMLは、CSSでHRタグ自体に設定する場合は、以下のようにHRタグのみ <hr />   クラスを指定して使い分ける ...

2019-03-18CSS

とにかく簡単にコピペで初期の見出しタグを実装する為のラフCSSです。 H2~H5を一度にコピーできるサンプル4バターン、サクっとコピペでも可能です、その他にも見出しサンプルちょっと載せてありますので、 ...

2020-04-10CSS

クリックで表示内容を開閉するアコーディオンメニューなどをCSSのみで実装する方法です。 アコーディオン 表示サンプル 展開する各ラベルの右側に「+」マークを表示し、クリックアクションでクルクルっと「+ ...

2020-04-12CSS

プロフィール欄を表示するウィジェットや機能がないテーマにも、CSSとHTMLのみで簡単に設置できるデザインをいくつか。   手順 プロフィール画像を使う場合は画像を用意 プロフィールエリア用 ...

2020-04-02CSS

タブで表示内容を切り替えるデザインをCSSのみで実装する方法です。 たくさん紹介されているサイトがあるのですが、イマイチ、きちんと表示されなかった為、自分用にカスタムしたものになります。 この方法であ ...

CSS

もしもアフィリエイトの便利な機能「かんたんリンク」のボタンや枠線などのデザインをカスタマイズする方法です。 コピペのみで簡単に使っていただけるコードを置いています。   デフォルト表示 文字 ...

2020-04-06CSS

コピペで簡単!シンプルだけど使えるボックスデザインです。画像枠やテキスト枠に利用出来ます。   テキスト枠は以下にもまとめています。 コピペで簡単!BOXデザインCSS・シンプル~アイコンフ ...

2019-10-22CSS

リストスタイルを装飾するシンプルなデザインCSSです。 リスト標準スタイル(UL)は以下の通り リスト リスト この標準のリストスタイル先頭の「・」は非表示にして、疑似要素「Before」を使ってアイ ...

CSS

文字装飾用CSSサンプルです。 ちなみに、CSSを追記せずに、テキストエディタで直接スタイルを記述する事でも装飾は可能です。 例) 下線を引く <span style="border-botto ...

CSS

コピペで簡単!シンプルだけど使えるボックスデザインです。 画像枠としても使えるボックスデザインは以下にまとめています。 コピペで簡単!画像やテキスト枠デザインCSS・ボックスデザイン   デ ...

CSS

CSS編集したのにサイトに反映されない場合、キャッシュが残っている事が原因の場合があります。 そういう場合には、以下の方法で簡単にクリアできます。   Google Chromeを利用してい ...

関連記事