Come rimuovere i bordi dalle immagini in CSS

September 3

Cascading Style Sheets (CSS) è un metodo conforme agli standard per lo styling tue pagine web. Uno dei compiti più utilizzati e tuttavia spesso confonde è la modalità di visualizzazione delle immagini in modo corretto. Quando le immagini in pagine web sono collegate, a volte appaiono con un bordo blu che li circonda. Alcuni browser, come Internet Explorer e Firefox, il rendering delle pagine per visualizzare questo confine. Fortunatamente, c'è un modo semplice per risolvere questo problema con i CSS utilizzando due metodi.

istruzione

Collegare il file CSS esterno al HTML

1 Aprire il foglio di stile CSS o creare un file CSS utilizzando l'editor di testo HTML. Se necessario, assegnare un nome al nuovo file e salvarlo con l'estensione "css".

2 Aggiungere questa regola stile di bordo al vostro file CSS: img: {border-style: none; }

3 Aprire il file HTML e nell'elemento "testa" del documento aggiungere: <link href = "cssfilename.css" rel = "stylesheet" type = "text / css" media = "all"> Questo collega il file CSS al tuo documento HTML .

4 Salva sia il CSS e file HTML.

Incorporare il foglio di stile nel codice HTML

5 Aprire il file HTML.

6 In "Testa" elemento aggiuntivo del documento: <style type = "text / css"> <- IMG: {border-style: none;} -> </ style>

7 Salvare il file HTML.