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

HTML&CSS

HTML&CSS

見出しや見出し以外で連番を表示する方法【CSS】counter

見出しや、それ以外の場面で、自動的に連番をカウントして表示する方法をまとめています。CSSを使って実装できます。
HTML&CSS

リストの最終行だけ下線を引かない【CSS】

こちらの記事では、「ol要素」「ul要素」で作成した箇条書きに下線を引くデザインで、最終行だけは下線を引かない方法を記録しています。
HTML&CSS

tableの列単位で配置設定【何番目・以降・最初・最後】セレクタ(疑似クラス)

CSSの疑似クラスを使うと「何番目」や「何番目以降」などの柔軟な要素指定が可能です。こちらの記事では、表の列単位で選択する場合を想定した逆引きパターンを記録しています。
HTML&CSS

[HTML:table]表作成の基礎◆WordPress

WordPressで記事を作成していても、HTMLの知識を身に着けておけばイザという時に役立ちます。こちらの記事ではHTMLで表を作成するタグの使い方をまとめています。
HTML&CSS

FontAwesome:アイコンの上に文字を重ねる

FontAwesomeのアイコンフォントを使って、丸や四角の上に文字を重ねることができました。いつ使うかは今のところ不明ですが、いざという時のために記録しておこうと思います。
HTML&CSS

覚えておきたいCSS:currentColor

要素のcolorを参照して変数のように使えるcurrentColorが超便利です。
HTML&CSS

CSSで使えるカラーネーム一覧表

CSSのcolorやbackgroundなどの色指定に使えるカラーネームを一覧にしました。 CSS3で定義されているカラーネームは147色。 色の指定にはカラーコードを使うのが一般的ですが、カラーネームのほうが色を思い浮かべやすいので、色を...
HTML&CSS

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

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

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

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

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

ボックスデザインをしながらCSSを勉強してみましょう。
タイトルとURLをコピーしました