0

HTML コードを書いたのですが、問題が発生しました。画像へのリンクを追加しましたが、この画像にはパディングがあります。これで、パディングは画像だけでなくリンクの一部になりました。画像だけがリンクされるように、私はそれについて何かできますか？

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Just testing</title>
        <style type=text/css>
            .design {background-color: orange; padding: 50px; border: thick double red; margin: 500}
            .design2 {background-color: yellow; padding: 10px 100px; border: thick groove red; margin: 10}
            .centered {text-align: center}
            #blink {text-decoration: underline overline;;color: red}
        </style>
    </head>
    <body style="background-color: lightgray">
        <h1 class="centered design2">This is <span style="color:red">MY</span> site :D:D</h1>
        <a href="http://upload.wikimedia.org/wikipedia/commons/8/83/Neugierige-Katze.JPG">
        <p class="centered"><img class="design" style="align: center" src="Neugierige-Katze.jpg" alt="tolle Katze" width="500" height="325">
        </p>
        </a>
        <p class="centered">Cat the Cat is <span id="blink"> WATCHING YOU</span>
        </p>
        <p class="centered">
            <audio controls>
                <source src="Cat_Meow_2-Cat_Stevens-2034822903.mp3" type="audio/mpeg">
                <source src="Cat_Meow_2-Cat_Stevens-2034822903.ogg" type="audio/ogg">

    </body>
</html>

私を助けてくれる人に感謝します。

`

4

3 に答える 3

0

それを行う1つの方法http://jsbin.com/OdoSIme/1/

<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>Just testing</title>
      <style type=text/css>
          .design {background-color: orange; padding: 50px; border: thick double red; margin: 500}
          .design2 {background-color: yellow; padding: 10px 100px; border: thick groove red; margin: 10}
          .centered {text-align: center}
          #blink {text-decoration: underline overline;color: red}
      </style>
  </head>
  <body style="background-color: lightgray">
    <h1 class="centered design2">This is <span style="color:red">MY</span> site :D:D</h1>

    <p class="centered design" style="margin:0 auto; display: table;">
      <a href="http://upload.wikimedia.org/wikipedia/commons/8/83/Neugierige-Katze.JPG">
        <img style="align: center" src="http://wallpapersfor.me/wp-content/uploads/2012/02/cute_cat_praying-1280x800.jpg" alt="tolle Katze" width="500" height="325"> 
      </a>
    </p>

    <p class="centered">Cat the Cat is <span id="blink"> WATCHING YOU</span></p>
    <p class="centered">
        <audio controls>
            <source src="Cat_Meow_2-Cat_Stevens-2034822903.mp3" type="audio/mpeg"/>
            <source src="Cat_Meow_2-Cat_Stevens-2034822903.ogg" type="audio/ogg"/>
        </audio>
  </body>

于 2013-10-07T00:06:07.787 に答える