リンクのアンダーラインを消したい

質問

のですがどうしたらいいでしょうか?
下記のok,outのアンダーラインを消したいのです

<style type="text/css">
a.ok
{color:black; background-color:yellow;}
a.ok:hover
{color:white; background-color:blue;}
</style>

<a href="#" class="ok">ok</a><br/>
<a href="#" class="out">out</a><br/>

回答No.1

poohron · ベストアンサー

text-decoration:none;
でいかがでしょう。

お礼

ありがとうございます
以下のようにするとokのアンダーラインが消えました

<style type="text/css">
a.ok
{
color:black;
background-color:yellow;
text-decoration:none;
}
a.ok:hover
{
color:white;
background-color:blue;
text-decoration:none;
}
</style>
<a href="#" class="ok">ok</a><br/>
<a href="#" class="out">out</a><br/>