Sito web pulsanti tradizionalmente vengono creati in un'applicazione grafica, ma si ha la possibilità di utilizzare Cascading Stile Sheets(CSS) per eseguire questa operazione. CSS ti dà la possibilità di creare regole per progettare il tuo link, in modo da sembrano proprio come pulsanti. Una volta che il link è codificato in HyperText Markup Language (HTML), è possibile assegnare la regola CSS al codice, che bypassa la necessità per le immagini.

Istruzioni

1

Aprire un documento di Web site nel vostro programma di editor di testo. Posizionare il cursore prima del tag di chiusura < / head > e digitare il seguente codice CSS:

< style type = "text/css" >

a.Button {}

< / stile >

La voce di "{a.button}" crea una regola di stile che gestisce i pulsanti di collegamento sulla tua pagina.

2

Immettere "confine:;" tra le parentesi graffe e tipo un numero valore in pixel (px) per specificare la larghezza del bordo attorno al pulsante di collegamento. Inoltre, digitare uno stile di bordo, ad esempio "cresta" o "inizio", per creare un bordo che compare tre dimensionale. Per esempio:

a.Button {border: cresta 4px;}

3

Tipo "imbottitura:;" e immettere un valore in pixel per specificare la quantità di spazio bianco tra il testo del pulsante e il contorno. Inoltre, immettere "tipo di carattere:;" e digitare una dimensione in pixel e carattere per il testo del pulsante. Il vostro codice CSS completo sarà simile all'esempio seguente:

a.Button {border: cresta 4px;

font: 12px arial, sans-serif; }4

Posizionare il cursore dove si desidera che il pulsante di collegamento a comparire e digitare il codice di ancoraggio che crea un link:

< a href = "Indirizzo URL qui" > testo pulsante < /a >

5

Immettere "class =" all'interno dell'apertura di ancoraggio elemento e il tipo "pulsante" tra virgolette per assegnare il CSS regola che stili il tuo link come un pulsante. Il codice HTML finito ora assomiglia a questo:

< a href = "Indirizzo URL qui" class = "button" > testo pulsante < /a >

6

Salvare il file.