リンクの下線の距離を変更したいです

リンクの下線の距離があまりにもなさすぎるため変更したいです
CSSでお願いします。直接<a href=" "</a>の部分に下線の距離を設定するとCSSによって装飾した文字の色等が無効になってしまいます。
詳しい方いましたらどうぞ宜しくお願いいたします。

No.3 回答者： abril 回答日時： 2008/07/31 15:40

> 直接<a href=" "</a>の部分に下線の距離を設定すると

現状の正解は、ANo.2様が仰っている様な状況だと私も推測しますが、"text-decoration: underline;"ではなく"border-bottom:～;"で指定しているなら、他のプロパティも色々調整しないと：

> CSSによって装飾した文字の色等が無効になってしまいます。

となるのは当然です。"text-decoration: underline;"と違って、"border-bottom:～;"は文字色とセットでは変わらないので。
最近ほとんど同じスレッドがありましたので、そちらで回答した事を参考にでもなさって下さい。
↓
http://oshiete1.goo.ne.jp/qa4182944.html

No.2 回答者： grumpy_the_dwarf 回答日時： 2008/07/31 08:38

「下線(text-decoration:underline;)」の位置は調節できません。

フォントのベースラインから計算して決められています。調節した
つもりになっているなら、そりゃ下線じゃなくて枠線(border)で
しょう。枠線の色(border-color)はテキストの色とは無関係ですか
ら、別に指定して下さい。

No.1 回答者： DrFell 回答日時： 2008/07/31 07:39

>直接<a href=" "</a>の部分に下線の距離を設定すると

これどうやったんですかね？ソースを出さないと的確な答えはもらえないですよ。もしかしたら、これの記述場所を変えるだけで解決かもしれませんね。

ｃｓｓでやりたいそうなので
まず、a の装飾を消す
aに線を引く
線とaの間をpaddingで調整する