0

CSS を使い始めたばかりで、リンクに色を追加するのに問題があります。リンクの色を追加しても機能しないので、自分で修正しようとしましたが、ウェブサイトをさらに台無しにするだけでした。これは私のコードです。

<html>
    <head>
    <title> website </title>
    </head>
    <style type="text/css">
body 
    {
      background-color:#474747;
      color:#e1e1e1;
      font-family:"Courier New";
      text-align:center;
    {
      a:link
    {
      color:#00FFFF;}    /* unvisited link */
      a:visited
    {
      color:#4DFF4D;} /* visited link */
      a:hover
    {
      color:#00FFFF;}   /* mouse over link */
      a:active
    {
      color:#00FFFF;}  /* selected link */
    }
h1
    {
      font-size:40;
    }
h3
    {
      font-size:20;
      text-decoration:underline;
    }
p
    {
      font-size:12;
    }
    </style>
    <body>
    <h1> heading </h1>
    <hr size="3" color="red" />
    <h3>Welcome!!!</h3>
    <p>Welcome to my website!</p>
    <h3>Links</h3>
    <p><a href="http://www.youtube">Youtube</a></p>
    </body>
</html>

Html コードまたは Css コーディングに何かありますか?助けてください。

4

2 に答える 2

1

中括弧を適切に閉じることから始めて、それがどうなるか教えてください

body 
{
    background-color:#474747;
    color:#e1e1e1;
    font-family:"Courier New";
    text-align:center;
{

する必要があります

body 
{
  background-color:#474747;
  color:#e1e1e1;
  font-family:"Courier New";
  text-align:center;
}
于 2013-03-14T22:45:07.080 に答える
0

アンカー疑似状態を様式化する順序があります。

a, a:link, a:visited {
    /* any links, unvisited links, visited links*/
}
a:hover, a:visited:hover, a:active, a:focus {
    /* any links hovered, any links already visited hovered, any links with active state (mouseDown or actual page), any links that has browser focus */
}
a:focus {
    /* maybe you want to remove outline for this one */
}

もちろん、乱雑な.cssをクリーンアップした後、これを試してください

于 2013-03-14T22:50:03.447 に答える