Come rimuovere i bordi in CSS

March 11

Come rimuovere i bordi in CSS


Cascading Style Sheets, o CSS, sono un metodo standardizzato di cambiare l'aspetto delle pagine web. Molte modifiche di formattazione possono essere fatte con semplici attributi tag HTML, ma con i CSS è più facile farlo in modi che funzionano in tutti i browser e anche di fare le cose in un punto che si applicano a un intero documento. Lo dimostra la rimozione delle frontiere da immagini contenenti link; un'immagine con un link dietro sarà di default hanno un bordo blu intorno ad esso. CSS è possibile rimuovere questo per una immagine, o per tutte le immagini in un documento.

istruzione

Rimuovere tutti i confini Immagine

1 Creare un modello CSS. Si tratta di un file di testo con un'estensione di CSS. Per fare questo, creare e salvare un file con il blocco note o un altro editor di testo, chiamato per esempio, "style.css". Salva questo nella stessa directory come la pagina Web.

2 Nel corpo del file style.css, aggiungere il seguente:

img {

border: none;

}

3 Aprire la pagina HTML con un editor di testo. Passato la seguente riga nella sezione <HEAD>:

<Link rel = "stylesheet" href = "style.css" type = "text / css">

4 Salvare i file e aprire il documento. Tutti i confini di tutte le immagini dovrebbero ora essere andato.

Rimozione di un bordo da una singola immagine

5 Aprire il file HTML con un editor di testo.

6 Trovare il tag img che desiderano cambiare.

7 Aggiungere uno stile a questo tag img:

<Img style = "border-style: none" />

8 Salvare la pagina Web, e ricaricarla nel browser. L'immagine uno non avrà più un bordo.


Articoli Correlati