[CSS]既に訪問したページにチェックマークをつける

a hrefでリンクを張ったページに対して、
まだ訪れていない場合は、の画像を表示させる。
マウスオーバーの時にの画像を表示させる。
既に訪問したページはのチェックマーク画像を表示する。

これらの設定をスタイルシート(CSS)で行う。
以下のような記述を

< style type="text/css" >
<!--
a{padding-left:15px;background-image:url(img/site_sb.gif);background-repeat:no-repeat;background-position:left center;}
a:hover{padding-left:15px;color:red;background-image:url(アップロードしたフォルダ名/site_sr.gif);background-repeat:no-repeat;background-position:left center;}
a:visited{padding-left:15px;background-image:url(アップロードしたフォルダ名/site_sv.gif);background-repeat:no-repeat;background-position:left center;}
//-->
< /style >

三つの画像はご自由にお使いください。パソコンに保存し、アップロードしてお使いください。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする