条件に外れた場合だけ装飾するCSS3「:not()」のサンプル2

class名が「abc」ではないp要素を対象に、淡い赤色の背景色を付加します。

サンプルダミー文章群

この段落を含めて合計6個のp要素を掲載しています。ダミー文章とはいえ、実際に存在する記事を案内していますので、ご興味があれば覗いてみて下さい。

■解説記事「ウェブ作成ソフト Microsoft Expression Web が無料化
Microsoft製のホームページ作成ソフト「Microsoft Expression Web 4」が開発終了に伴って無料公開されました。ソース補完機能、入力支援機能、文法チェック機能、複数IEでの表示確認機能などを備えた、統合ホームページ作成ソフトです。

■解説記事「複数の画像がふわっと切り替わるスライドショーを作る
複数の画像が数秒間隔でフェイドアウト・フェイドインを繰り返す「ふわっと表示が切り替わる」効果のあるスライドショーを作る方法を解説。jQueryを使ったスクリプト「A Simple jQuery Slideshow」を使うことで、とても短いJavaScriptソースで作成できます。

■解説記事「別窓を開かずに、その場で拡大画像を表示する方法
サムネイル画像のクリックで拡大画像を表示するページを作る際、ポップアップウインドウを出したり拡大画像用ページへ移動させたりするのでは操作が面倒です。JavaScriptで作られた「Lightbox Plus」を使って、その場で拡大画像を表示させる方法をご紹介。

■解説記事「画像上の自由な位置に文字を重ねる方法
画像の上に文字を重ねるために、画像を細かく分割したり、tableを駆使したり、文字ごと画像化したりしていませんか? そんなことをしなくても、HTMLとCSSを使えば簡単に位置を指定して画像の上に文字を重ねられます。

以上、4つの記事をご紹介致しました。

記事2ページ目に戻る