本サイトはアフィリエイト広告を利用しています

CSS

Cocoon

ホワイトボード風ボックスを使おう!【Cocoon】

黒板風ボードに次ぐ第2弾。Cocoonで作るサイトにホワイトボード風デザインのボックスを表示します。白抜きボックスを活用することで面白く使えそうです。
Cocoon

黒板風ボックスを使いたい!【Cocoon】

Cocoonの白抜きボックスを活用して、黒板風デザインボックスを表示させてみましょう。
HTML&CSS

CSSで大きな括弧を作る(角括弧、波括弧、…)

CSSで疑似要素、position、contentを勉強すると、色々な装飾に画像を使わずにCSSで表現できるようになります。今回は、大きな括弧を表現するCSSコードを作ってみました。
Cocoon

ブログカードの[続きを読む]表示カスタマイズ【Cocoon】

ブログカードの「続きを読む」に表示する記号だけを大きく表示するカスタマイズ。
HTML&CSS

HTML&CSS:箇条書き(ul、ol)の左余白を調整する

CSSで箇条書き(ul、ol)の左余白を調整する方法をまとめています。
HTML&CSS

ボックスデザインでCSSをお勉強【CSSプロパティ】

ボックスデザインをしながらCSSを勉強してみましょう。
Cocoon

【Cocoon】ブログカードのサムネイル画像を右側へ変更する

Cocoonのブログカードは、サムネイル画像の表示位置を右か左か選択できます。
Cocoon

【Cocoon】ボックス6種類のカスタマイズ

Cocoonに用意されている様々なボックス。色も選べて便利・・・なんですが、 サイトのテーマカラーに合ってないゾッ・・・と気になってました。 ボックスを挿入した後に、毎回色の指定をするのも面倒くさ~いっ!! と思いませんか? そもそも、そん...
HTML&CSS

説明リスト(dl)を横並びに表示する方法【HTML&CSS】

dl要素で作った説明リストを、CSSのflexプロパティを使って横並びにするコードの覚え書きとサンプルです。
HTML&CSS

list-style-type:箇条書きリストマークの一覧【よく使うもの】

CSSのlist-style-typeでリストマーカーの種類を指定できます。豊富なマーカーの中から、日本語文書用に抜粋して一覧にしてみました。
タイトルとURLをコピーしました