Background Opzioni di pannello nel pannello delle proprietà CSS di Dreamweaver - dummies

Utilizzando il pannello Sfondo nel pannello Designer CSS di Dreamweaver, può specificare un colore di sfondo o un'immagine per uno stile e controllare come lo sfondo viene visualizzato sulla pagina. Puoi utilizzare le impostazioni dello stile di sfondo per qualsiasi elemento della tua pagina web che può visualizzare uno sfondo, compresi i tag, l'intestazione e l'immagine.

Ad esempio, puoi modificare il tag per includere le impostazioni dello sfondo che si applicano all'intera pagina, oppure puoi creare uno stile con il selettore di classe o ID e specificare uno sfondo che appare solo dietro un individuo etichetta.

Includendo lo sfondo nello stile di classe o ID di un tag, è possibile limitare lo sfondo a comparire sullo schermo solo dove viene utilizzato il tag. Si noti che l'opzione Sfondo funziona con un'immagine solo se prima si imposta un margine intorno all'immagine.

È possibile scegliere tra queste opzioni Sfondo:

• Colore sfondo: Specificare il colore di sfondo di uno stile definito utilizzando uno dei vari metodi. Puoi fare clic sul riquadro dei colori e selezionare un colore predefinito o creare un colore personalizzato. Oppure usa il contagocce per campionare qualsiasi colore sullo schermo. Infine, puoi inserire un codice colore esadecimale: assicurati di includere il simbolo #, come in # 000000 per il colore nero o #ffffff per il colore bianco.

• Immagine di sfondo: Seleziona un'immagine da utilizzare come sfondo nella definizione dello stile. Immettere qualsiasi URL su un'immagine sul proprio computer o su Internet oppure fare clic sull'icona della cartella per sfogliare il disco rigido e selezionare un'immagine.

• Posizione sfondo: Specificare la posizione dell'immagine di sfondo da sinistra e dall'alto dell'elemento genitore inserendo un numero in ciascun campo. Questa opzione è visibile solo se si fa clic sulla piccola freccia accanto al campo URL nella sezione Sfondo per rivelare i campi aggiuntivi che seguono.

• Dimensioni: Seleziona la misura in pixel, ems o un'altra opzione, quindi inserisci la dimensione desiderata per lo sfondo. Lasciando il campo Dimensione impostato su Auto (predefinito) visualizza l'immagine alla dimensione reale.

• Background-clip: Specifica se lo sfondo inizia il bordo, il padding o il contenuto di un elemento box, come un tag.

• Sfondo-Ripeti: Fare clic sull'icona corrispondente per specificare come e se l'immagine di sfondo si ripete, o tessere, su e giù per la pagina. Piastrelle di immagini di sfondo per impostazione predefinita, quindi è necessario scegliere un'opzione se non si desidera ripetere lo sfondo o si desidera specificare come si ripete.

  Si noti inoltre che se l'immagine è più grande dell'elemento a cui è applicata, sarà visibile solo la parte dell'immagine che si adatta all'area di visualizzazione dell'elemento.Ad esempio, se utilizzi un'immagine di 600 pixel come sfondo di un tag impostato su 300 pixel di larghezza, sarà visibile solo la metà dell'immagine.

  Le opzioni di ripetizione, elencate in ordine dell'aspetto delle loro icone, seguono:

  • Eredita: A meno che non sia selezionata un'altra opzione, ogni elemento eredita il comportamento del suo elemento genitore. Questa opzione predefinita non deve essere specificata.

  • Ripeti: L'immagine di sfondo si ripete verticalmente e orizzontalmente sullo sfondo dell'elemento.

  • Ripeti-X: Lo sfondo si ripete orizzontalmente, ma non verticalmente, sullo sfondo dell'elemento.

  • Ripeti-Y: Lo sfondo si ripete verticalmente, ma non orizzontalmente, sullo sfondo dell'elemento.

  • No-Repeat: Lo sfondo viene visualizzato una volta in alto a sinistra dell'elemento.

  • Origine: Specificare se l'origine dello sfondo inizia dal bordo, dal padding o dal contenuto di un elemento box, come un tag.

• Allegato: Determina come si comporta lo sfondo quando si scorre la pagina. Le opzioni sono

  • Eredita: A meno che non sia selezionata un'altra opzione, ogni elemento eredita il comportamento del suo elemento genitore. Questa è un'opzione predefinita e non è necessario specificarla.

  • Risolto: Lo sfondo rimane incollato a un punto nell'area di visualizzazione e non scorre fuori dalla vista, anche quando si scorre la pagina Web.

  • Scorri: Lo sfondo scorre insieme alla pagina web.

• Gradiente: Fai clic sul riquadro dei colori accanto a Gradiente per aprire il nuovo selettore di gradiente visivo di Dreamweaver.