Opcions del tauler de fons al tauler de propietats CSS de Dreamweaver

Mitjançant el tauler Fons del tauler CSS Designer de Dreamweaver, podeu especificar un color de fons o una imatge per a un estil, i controlar com es mostra el fons a la pàgina. Podeu utilitzar la configuració d'estil de fons per a qualsevol element de la vostra pàgina web que pugui mostrar un fons, inclòs el ,

, encapçalament i etiquetes d'imatge.

Per exemple, podeu modificar l'etiqueta per incloure una configuració de fons que s'apliqui a tota la pàgina, o podeu crear un estil amb el selector de classe o identificador i especificar un fons que només aparegui darrere d'un individu.

etiqueta.

Incloent el fons a l'estil de classe o identificador d'a

etiqueta, podeu limitar el fons perquè aparegui a la pantalla només on

s'utilitza l'etiqueta. Tingueu en compte que l'opció Fons només funciona amb una imatge si primer establiu un marge al voltant de la imatge.

Podeu triar entre aquestes opcions de fons:

• Color de fons: especifiqueu el color de fons d'un estil definit mitjançant un dels diversos mètodes. Podeu fer clic bé al color i seleccionar un color predefinit o crear un color personalitzat. O utilitzeu el comptagotes per provar qualsevol color de la pantalla. Finalment, podeu introduir un codi de color hexadecimal; assegureu-vos d'incloure el #, com a #000000 per al color negre o #ffffff per al color blanc.

• Imatge de fons: seleccioneu una imatge que serveixi de fons a la definició del vostre estil. Introduïu qualsevol URL d'una imatge a l'ordinador o a Internet, o feu clic a la icona de la carpeta per navegar pel vostre disc dur i seleccionar una imatge.

• Posició de fons: especifiqueu la posició de la imatge de fons des de l'esquerra i la part superior de l'element principal introduint un número a cada camp. Aquesta opció només és visible si feu clic a la fletxa petita que hi ha al costat del camp URL a la secció Fons per mostrar els camps addicionals que segueixen.

• Mida: seleccioneu la mesura en píxels, ems o una altra opció i, a continuació, introduïu la mida que voleu per al fons. Si deixeu el camp Mida configurat com a automàtic (predeterminat) es mostra la imatge a la mida real.

• Clip de fons: especifiqueu si el fons comença la vora, el farciment o el contingut d'un element de caixa, com ara un

  etiqueta.

• Repetició de fons: feu clic a la icona corresponent per especificar com i si es repeteix la imatge de fons, o rajoles, a través i avall de la pàgina. Les imatges de fons en mosaic per defecte, de manera que heu de triar una opció si no voleu que el vostre fons es repeteixi o si voleu especificar com es repeteix.

  Tingueu en compte també que si la imatge és més gran que l'element al qual s'aplica, només serà visible la part de la imatge que encaixi a l'àrea de visualització de l'element. Per exemple, si utilitzeu una imatge de 600 píxels d'ample com a fons d'a

  que s'estableixi en 300 píxels d'amplada, només serà visible la meitat de la imatge.

  Les opcions de repetició, enumerades per ordre d'aparició de les seves icones, segueixen:

  • Hereta: tret que se seleccioneu una altra opció, cada element hereta el comportament del seu element pare. No cal especificar aquesta opció predeterminada.

  • Repetició: la imatge de fons es repeteix verticalment i horitzontalment al fons de l'element.

  • Repetició-X: el fons es repeteix horitzontalment, però no verticalment, al fons de l'element.

  • Repetició-Y: el fons es repeteix verticalment, però no horitzontalment, al fons de l'element.

  • Sense repetició: el fons es mostra una vegada a la part superior esquerra de l'element.

  • Origen: especifiqueu si l'origen del fons comença a la vora, el farciment o el contingut d'un element de caixa, com ara un

    etiqueta.

• Fitxer adjunt: determineu com es comporta el fons quan es desplaça la pàgina. Les opcions són

  • Hereta: tret que se seleccioneu una altra opció, cada element hereta el comportament del seu element pare. Aquesta és una opció predeterminada i no cal especificar-la.

  • Corregit: el fons roman enganxat a un lloc de l'àrea de visualització i no es desplaça fora de la vista, fins i tot quan es desplaça la pàgina web.

  • Desplaçament: el fons es desplaça juntament amb la pàgina web.

• Gradient: feu clic a la bossa de color al costat de Gradient per obrir el nou selector de degradat visual de Dreamweaver.