186(guide)

説明

CSS関係のTipsとProxomitronのフィルタの話がメインです。

2000-02-05 Satspan.sanchorの弄り方

[] span.sanchorの弄り方

h3の先頭にある■を変えようという試み。

span.sanchor {
 color: #ffffff; /* h3の背景色 */
 font-size: 0px;
 text-decoration: none;
 padding: XXpx XXpx 0px 0px;
 background: url("Your_Section_Anchor.xxx") bottom right no-repeat;
}

paddingの数字は用意した画像のサイズに合わせて変えること。

同様にしてspan.canchorも弄れます。

後は:beforeや:afterを使って楽しむのも良いかと。IEは対応してませんけど。

追記: 2005/08/24

はてなダイアリーガイド「CSSセレクタ - 日記1日分」 span.sanchor(.sanchor,h3 .sanchor)の情報の方が詳しいか。