Come fare Border Immagine colori in HTML

January 28

La creazione di confini immagini di diversi colori permette di accentuare le immagini sulla vostra pagina web. È possibile scegliere quale colore volete il bordo dell'immagine sia selezionando uno dei codici di colore HTML associato un colore. È necessario utilizzare sia HTML e CSS di codifica per creare un bordo intorno a un'immagine sulla pagina Web.

istruzione

1 Fare doppio clic sul file HTML per aprire il documento sul server Web che si desidera inserire una foto con un bordo colorato in.

2 Fare clic all'interno della sezione "<head>" della pagina e inserire questo codice CSS:

<Style type = "text / css">

p.one

{

border-style: solido;

border-color: red;

}

</ Style>

3 Sostituire "rosso" con un altro colore per cambiare il colore del bordo.

4 Fare clic all'interno della sezione <body> della pagina nella posizione in cui si desidera inserire l'immagine.

Inserisci questo codice:

<P class = "uno"> <img src = 'http: //www.imageurl.com/image.jpg'>

Sostituire "http://www.imageurl.com/image.jpg" con l'URL effettiva dell'immagine attorno al quale si desidera includere un bordo.

5 Salvare e pubblicare la pagina.