Skinny site

... un modo di esprimersi

  • Aumenta dimensione caratteri
  • Dimensione caratteri predefinita
  • Diminuisci dimensione caratteri
Home Code Snippets CSS Ridefinere il tag a da farlo sembrare un flat button

Ridefinere il tag a da farlo sembrare un flat button

Mercoledì 06 Agosto 2008 21:54 amministratore
E-mail Stampa PDF
Valutazione attuale: / 1
ScarsoOttimo 
Potrebbe capitare di dover campbiare l'aspetto di un link in modo da farlo sembrare un flat button. Questo esempio mostra come. 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
html>
  <head>
    <title></title>
    <!--
    L'esempio funziona su browsers compatibili con le specifiche CSS 2.
    -->
    <style>
    a.mybutton
    {
      border-right: #0000cc 1px solid;
      border-top: #0000cc 1px solid;
      border-left: #0000cc 1px solid;
      border-bottom: #0000cc 1px solid;
      font-size: 12px;
      color: #000000;
      font-family: Arial;
      text-decoration:none;
      padding-bottom: 2px;
      padding-top: 2px;
      padding-left: 3px;
      padding-right: 3px;
    }
    </style>
  </head>
  <body>
    <a href="#" id="mya1" class="mybutton">Questo è un link</a>
    Questo link sembra un flat button<br />
    <a href="#" id="mya2">Questo è un link</a>Questo è un link tradizionale
  </body>
</html>
Ultimo aggiornamento Domenica 10 Agosto 2008 13:32  

Menu Principale

Google Analytics Tracking Module