リストの両端以外だけを装飾 - CSS3「:not()」の使用例2

リストの先頭や末尾またはその両方を除いた、内側の項目だけを対象に装飾することができます。

サンプルリスト1：

リストの先頭を除く、「2番目」～「最後尾」だけを対象に装飾します。

人気の解説記事5本：
解説記事「ウェブ作成ソフト Microsoft Expression Web が無料化」
解説記事「複数の画像がふわっと切り替わるスライドショーを作る」
解説記事「別窓を開かずに、その場で拡大画像を表示する方法」
解説記事「画像上の自由な位置に文字を重ねる方法」
解説記事「アドレス欄やタブに独自アイコンを表示する」

サンプルリスト2：

リストの末尾を除く、「先頭」～「最後尾から2番目」までだけを対象に装飾します。

解説記事「ウェブ作成ソフト Microsoft Expression Web が無料化」
解説記事「複数の画像がふわっと切り替わるスライドショーを作る」
解説記事「別窓を開かずに、その場で拡大画像を表示する方法」
解説記事「画像上の自由な位置に文字を重ねる方法」
解説記事「アドレス欄やタブに独自アイコンを表示する」
人気記事のランキングはこちら。

サンプルリスト3：

リストの先頭と末尾を除く、真ん中の項目だけを対象に装飾します。

人気の解説記事5本：
解説記事「ウェブ作成ソフト Microsoft Expression Web が無料化」
解説記事「複数の画像がふわっと切り替わるスライドショーを作る」
解説記事「別窓を開かずに、その場で拡大画像を表示する方法」
解説記事「画像上の自由な位置に文字を重ねる方法」
解説記事「アドレス欄やタブに独自アイコンを表示する」
人気記事のランキングはこちら。

記事に戻る