CSS: colore bordo immagine

Di: bart.chiara | 26/09/2020 19:36:32
Salve!
1_domanda: Ho letto molte volte come fare a togliere quel fastidioso bordo blu da un'immagine... ma se volessi cambiare il colore?
2_domanda: altrimenti, se volessi applicare alle mie foto un effetto tipo "Bagliore esterno" come in Photoshop tramite CSS, vado troppo sul complicato?

Risposte


Re: CSS: colore bordo delle immagini

Ciao, di sicuro dovrai impostare i bordi utilizzando gli stili CSS.
I bordi sono 4, rispettivamente: sopra (top), destra (right), sotto (bottom), sinistra (left).
Per cambiare colore al bordo delle immagini ti è sufficiente usare uno stile CSS come il seguente:
<style type="text/css">
img
{
border-style:solid;
border-color:#000000 #00FF00 #0000FF #CCCCCC;
}
</style>

I valori dei colori possono essere espressi anche in RGB o specificando il nome in inglese (ad es. Red).
Se inserirai un solo colore quello varrà per tutti e quattro i lati.
Chiaramente il codice deve essere inserito tra i tag Head per funzionare, oppure deve essere richiamato, sempre nella testata, un file CSS usando il Link Rel:
<link rel="stylesheet" type="text/css" href="nomeFile.css">
Ricordati che nel file CSS collegato non devi mettere questo: <style type="text/css"></style>
Invece, se vuoi usare un'immagine al posto del bordo ecco una spiegazione approfondita:
http://www.css3.info/preview/border-image/

Di: Anonimo | 26/09/2020 19:37:32