Come sbarazzarsi di una piccola separazione nel bordo inferiore della foto in HTML

December 7

Come sbarazzarsi di una piccola separazione nel bordo inferiore della foto in HTML


Quando si inserisce un'immagine nella pagina Web, una piccola separazione appare spesso al confine inferiore dell'immagine. Questo spazio vuoto supplementare è causato quando gli scontri grafici con altri elementi come una cornice o un tavolo. HTML ti dà la possibilità di aggiungere Cascading Style Sheets, o CSS, stili al tag immagine per modificarlo. Utilizzare i CSS in combinazione con il codice HTML per sbarazzarsi dello spazio extra sotto la vostra immagine.

istruzione

1 Avviare il programma di editor di testo e aprire il file della pagina Web che contiene l'immagine che si desidera modificare.

2 Posizionare il cursore all'interno del tag di immagine HTML e inserire "style =" seguito da una coppia di virgolette prima della barra rovesciata di chiusura. Illustrare:

<Img src = "URL" style = "" />

3 Tipo "border-bottom:" tra virgolette dello stile e immettere "0px" dopo i due punti. Il tuo codice HTML completo ora è simile al seguente:

<Img src = "URL" style = "border-bottom: 0px" />

4 Salvare il file. Visualizzare l'anteprima del documento in un browser Web per vedere come appare l'immagine sulla pagina.

Consigli e avvertenze

  • Se la separazione persiste, aggiungere "margin-bottom" e "padding-bottom" attributi per il codice immagine e impostare questi valori a zero pixel:
  • <Img src = "URL" style = "border-bottom: 0px" margin-bottom: "0px" padding-bottom: "0px" />