2011-02-10 20 views
0

<a>タグを使用するとリンクされたテキストは下線付きでデフォルト設定されるため、当然あなたはfont-style:normal;を使用したと思っていますが、それはもう私のためには機能していないようですFirefoxまたはFirebugのバージョン???ここで問題<a> HTML + CSSスタイリングのタグ

は私の現在のソースコード、最も簡単なテストケースです:残念ながら、このコードはどちらか動作しません

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>test dummy</title> 
    </head> 
    <body>  
    <a style="font-style:normal;" href="login_page/login.html">Login</a> 
    </body> 
</html> 

、ログインは下線表示されます。

EDIT:あなたは下線を離陸する正しい方法は次のようになり、下線を意味する場合は原作者がunderlineを意味しますがitalics

+5

は**いいえ、それはしていません**。 – BoltClock

+0

ただし、下線を引いています。たぶん彼はそれを意味するのだろうか? idk – JCOC611

+0

はい私は悪いことを意味しました – user519753

答えて

5

を書いた:

<a style="text-decoration: none;" href="login_page/login.html">Login</a>

+0

私は数分前に気付きました。私は愚かな気がします。今日は5番目のコーヒーです。 – user519753

0

何をしたいですtext-decoration:none;あなたのスタイルシートに

0

CSSを使用すると、プッシュされるコードの量を減らすことができますあなたのCSS内部

<body> 
<a href="somewhere.html">Somewhere</a> 
<a href="someotherplace.html">Some other place</a> 
</body> 

:ブラウザhrough、私は次のコードを使用することになり

a{ 
text-decoration: none; 
} 
a:hover{ /* For when your mouse hovers over the element */ 
text-decoration: underline; 
} 
a:visited{ /* For links that are in the browser history (Previously visited) */ text-decoration: none; 
color: purple; 
} 
a:active{ /* For links that you are clicking on */ 
text-decoration: none; 
color: blue; 
} 

さて、ドキュメント内のすべてのタグは、同じ性質を持つことになります。このように、なしにテキストの装飾のプロパティを設定し