ちょっとだけ役に立つ？CSSのテクニックをご紹介します。

リンクの下線をもっと自由に

普通リンクの下線は1pxのラインですが、CSSでborderを指定する事によって細かく設定可能です。

p a{
border-bottom:1px dotted red;
}

こんな感じの指定をすると、
リンク
こんな感じで破線の下線を設定できたりします。

CSSでクリックできる画像を表示する

普通画像はimgタグで表示しますが、SEO対策等から文字のほうが有利な場合も多いです。
そんな時のテクニックです

<div ><a href="" ><p class="readMore">
もっと読む！
</p></a></div>

こんな普通のリンクに対して、

p.readMore a{
display:block;
width:92px; height:17px;
background:url(images/btn_read.gif) no-repeat;
text-indent:-999999px;
}

上のようなスタイルを定義します。
display:block;でブロック要素にし、幅と高さを指定します。これで、指定の範囲すべてをクリックできるようにできます。
さらにbackgroundで表示したい画像を指定します。
仕上げは、text-indentで不要な文字を吹き飛ばして出来上がり。
このサイトのリンク画像もほとんどこの手法で表示しています。

と、二つしか紹介していませんが今回はこんな感じで。
また、第二弾でもやります。