Like a shadow. <a> Remove visual effects?</a>



  • I can't figure out how the shadow is. <a> remove the colour so that it does not look like a reference, but as a text or frame, rather than a blue colour or purple after the application.

    css

    a {
      text-decoration:none;
    }
    

    html

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
      </head>
      <body>
        <div>
          <a class="text"><h1>block1</h1></a>
        </div>
      </body>
    </html>
    


  • We need to write a reference for each condition using the forming style http://htmlbook.ru/samcss/psevdoklassy ♪ Use !important It's only in the most extreme cases.

    a.text:active, /* активная/посещенная ссылка */
    a.text:hover,  /* при наведении */
    a.text {
      text-decoration: none;
      color: #666;
    }
    <div>
      <a href="#" class="text"><h1>block1</h1></a>
    </div>


Log in to reply
 


Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2