HTML/CSS - テキスト装飾が機能しない

私はHTMLとCSSの初心者です。今、私は困っています。 text-decoration: none;は私のためには機能しません。あなたは私に解決策を見つけるのを手伝ってもらえますか？HTML/CSS - テキスト装飾が機能しない

* { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 

 
#Header { 
 
    width: auto; 
 
    height: 70px; 
 
    background-color: #647551; 
 
    margin-left: 0px; 
 

 
} 
 

 
#Header ul li { 
 
    text-decoration: none; 
 
    color: #645789; 
 
    float: left; 
 
    margin-left: 30px; 
 

 
}

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <link href="css/Main.css" type="text/css" rel="stylesheet" /> 
 
     <meta charset="utf-8"> 
 
     <title>Talkody - Gilles </title> 
 
    </head> 
 
    <body> 
 
     <div id="Header"> 
 
     <ul> 
 
      <li>Home</li> 
 
      <li>About</li> 
 
      <li>Portfolio</li> 
 
      <li>Contact</li> 
 
     </ul> 
 
     </div> 
 
     <p>Dit is een test website waar ik alles uittest, hierna ga ik er verder op in</p> 
 
     <img source="images/Logo/TalkodyLogo.ai" /> 
 

 
    </body> 
 
</html>

出典

2017-02-10 Gilles

それはすでに何の装飾を持っていません。 – bxorcloud

'li'はデフォルトでテキスト装飾を持っていません。残りのCSSを確認してください。 – Turnip

いいえ？私はChromeで実行しており、各単語の先頭に「弾丸」が表示されています。 – Gilles

あなたは箇条書きに

を削除するlist-style-type: none;を適用する必要があり、以下を参照してください：

* { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 

 
#Header { 
 
    width: auto; 
 
    height: 70px; 
 
    
 
    margin-left: 0px; 
 

 
} 
 

 
#Header ul li { 
 
    text-decoration: none; 
 
    color: #645789; 
 
    float: left; 
 
    margin-left: 30px; 
 
    list-style-type: none; 
 

 
}

<body> 
 
     <div id="Header"> 
 
     <ul> 
 
      <li>Home</li> 
 
      <li>About</li> 
 
      <li>Portfolio</li> 
 
      <li>Contact</li> 
 
     </ul> 
 
     </div> 
 
     <p>Dit is een test website waar ik alles uittest, hierna ga ik er verder op in</p> 
 
     <img source="images/Logo/TalkodyLogo.ai" /> 
 

 
    </body>

text-decoration: none;

をテキスト装飾の下に削除されます

underline  Defines a line below the text 
overline  Defines a line above the text 
line-through Defines a line through the text

出典

2017-02-10 17:00:58

何をしたい、それが使い、その後、リストから箇条書きを削除しますので、もしテキストは、すでに何の装飾を持っていない：

ul { 
    list-style-type: none; 
}

出典

2017-02-10 17:00:39

あなたが箇条書きを削除したいときulから試してみてください：

#header ul { 
    list-style-type: none; 
}

eleteが使用するリンクから下線：

#header li a { 
    text-decoration: none; 
    }

出典

2017-02-10 17:00:51 Plenarto

あなたのCSSにこれを追加する：

#header ul { 
    list-style:none; 
}

出典

2017-02-10 17:01:00

* { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 

 
#Header { 
 
    width: auto; 
 
    height: 70px; 
 
    background-color: #647551; 
 
    margin-left: 0px; 
 

 
} 
 

 
#Header ul li { 
 
    text-decoration: none; 
 
    color: #645789; 
 
    float: left; 
 
    margin-left: 30px; 
 
    list-style:none; 
 

 

 
}

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <link href="css/Main.css" type="text/css" rel="stylesheet" /> 
 
     <meta charset="utf-8"> 
 
     <title>Talkody - Gilles </title> 
 
    </head> 
 
    <body> 
 
     <div id="Header"> 
 
     <ul> 
 
      <li>Home</li> 
 
      <li>About</li> 
 
      <li>Portfolio</li> 
 
      <li>Contact</li> 
 
     </ul> 
 
     </div> 
 
     <p>Dit is een test website waar ik alles uittest, hierna ga ik er verder op in</p> 
 
     <img source="images/Logo/TalkodyLogo.ai" /> 
 

 
    </body> 
 
</html>

出典

2017-02-10 17:11:28

HTML/CSS - テキスト装飾が機能しない

答えて

関連する問題