March 1
Quando un'immagine serve come un collegamento in una pagina Web, a volte sarà finire con un bordo blu antiestetiche attorno ai suoi bordi se il progettista non prende misure preventive. Questo bordo può rovinare l'estetica del progettista stava tentando di creare. Fortunatamente, se si sta costruendo una pagina Web e nota un problema con bordi dell'immagine blu, ci vuole solo un semplice alterazione del codice per sbarazzarsi di loro.
1 Aprire il file HTML per la pagina Web in un editor di testo o un programma di progettazione.
2 Controllare se la pagina utilizza un foglio di stile CSS. Se la pagina utilizza un foglio di stile esterno, si dovrebbe vedere una riga di codice nell'intestazione della pagina, che è simile al seguente: <link href = "/ stylesheet.css" rel = "stylesheet" type = "text / css" / >
3 Trovare il file foglio di stile sul vostro computer (in questo esempio, stylesheet.css) se si è determinato uno è in uso. Tra i tag <style> e </ style> tag nel foglio di stile, aggiungere il seguente codice:
un img {
border: none;
}
Questo codice elimina bordi dell'immagine blu su tutte le pagine del sito che utilizzano tale foglio di stile.
4 Individuare il tag <head> nel file HTML della tua pagina se la pagina non utilizza un foglio di stile esterno. Tra <head> e </ head>, inserire il seguente:
<Style type = "text / css">
un img {
border: none;
}
</ Style>
Questo codice crea un foglio di stile locale che funziona solo su quella pagina specifica, e funziona allo stesso modo come il foglio di stile esterno per eliminare i bordi blu.
5 Salvare sia il foglio di stile esterno e file HTML della pagina. caricarli sul server Web, avendo cura di sovrascrivere le versioni precedenti quando richiesto. I bordi blu intorno le immagini collegate ora dovrebbero essere spariti.