May 2
Cascading Style Sheets (CSS) sono uno stile lingua foglio sviluppatori Web utilizzano per modificare l'aspetto di documenti scritti in un linguaggio di markup come HTML o XML. Questa opzione offre ai progettisti web un sacco di flessibilità, perché possono sostituire tutti i bordi dell'immagine sui loro siti web con una sola regola CSS invece di aggiornare ogni file HTML individuo. Il codice CSS "border-immagine" rende possibile utilizzare un'immagine al posto dei confini di linea. È anche possibile specificare un'immagine diversa per ognuno dei quattro lati del confine.
1 Aprire l'applicazione FTP. Passare alla directory delle immagini. Carica l'immagine o le immagini che servirà come il bordo.
2 Aprire il file CSS nell'applicazione di sviluppo Web.
3 Digitare il seguente codice nel file CSS, sostituendo ogni elemento in base alle proprie preferenze:
border: 50px doppia arancione;
border-immagine: URL ( "border-image.png") 25 30 10 20 repeat;
Il "50px" nella prima riga specifica la larghezza del bordo per i browser che non capiscono il codice "border-immagine". "Double orange" è anche un ripiego, specificando una doppia linea arancione a comparire in luogo dell'immagine del confine.
Il "URL" specifica la posizione sul server in cui risiede l'immagine di confine. I quattro numeri rappresentano sia il numero di pixel (come nell'esempio sopra) o percentuale (come indicato da un segno "%" dopo ogni numero) del lato di ciascuna immagine che verrà utilizzata per la costituzione del confine, partendo dall'alto, a destra, in basso, a sinistra.
Le sezioni angolari dell'immagine saranno sempre messi al posto corrispondente nel bordo dell'immagine. La regola alla fine del codice ( "repeat" in questo esempio) dice al browser cosa dovrebbe essere fatto nelle parti centrali del confine. "Ripeti" piastrelle dell'immagine; "Stretch", si estende l'immagine; "Rotondo" piastrelle l'immagine in modo che un numero di tessere in forma, altrimenti il ridimensionamento dell'immagine.