Scheda Tavolozza Web, finestra di dialogo Selezione colori

Articolo
09/12/2008

Aggiornamento: novembre 2007

Quando viene selezionato un campione di colore, nella casella Colore viene visualizzato il codice RGB esadecimale corrispondente. La coppia attribute:RGBcolor selezionata viene quindi inserita nella definizione dello stile CSS alla chiusura della finestra di dialogo Generatore di stile. La visualizzazione dei colori di questa scheda risulta uniforme nei diversi browser Web.

Durante la modifica di una pagina HTML nella visualizzazione Progettazione, ad esempio, selezionare l'elemento <BODY> nella finestra Struttura documento, quindi scegliere Compila stile dal menu Formato. Selezionare Sfondo, quindi scegliere il pulsante con i puntini di sospensione (...) accanto alla casella Colore per aprire la finestra di dialogo Selezione colori. Nella scheda Tavolozza Web scegliere un campione di colore blu chiaro. Alla chiusura della finestra di dialogo Generatore di stile, tra le parentesi graffe ( { } ) dello stile BODY viene inserita una coppia attribute:color come la seguente:

BODY { BACKGROUND-COLOR: #99ffff; }

Per accedere a questa finestra di dialogo

Nella visualizzazione Progettazione di Microsoft Visual Web Developer selezionare un controllo o un elemento HTML per eseguire il rendering del markup, quale un controllo Table o un pulsante <input> HTML.
Aprire la finestra di dialogo Generatore di stile eseguendo una delle operazioni indicate di seguito.
- Nella visualizzazione Progettazione selezionare il controllo o l'elemento, scegliere Formato e quindi Stile.
- Nella visualizzazione Progettazione fare clic con il pulsante destro del mouse sul controllo o sull'elemento, quindi scegliere Stile.
- Selezionare il controllo o l'elemento, selezionare la proprietà Stile corrispondente nella finestra Proprietà, quindi scegliere il pulsante con i puntini di sospensione (...).
- Se si sta utilizzando la finestra Stili documento, selezionare un elemento, una classe o un ID elemento, quindi scegliere l'icona Compila stile.
- Se si sta modificando un foglio di stile CSS, posizionare il punto di inserimento all'interno delle parentesi graffe ( { } ) di uno stile CSS, quindi scegliere Compila stile dal menu Stile.
Verrà visualizzata la finestra di dialogo Generatore di stile.
Selezionare una delle schede della finestra di dialogo Generatore di stile contenente un elenco a discesa Colore, quindi scegliere il pulsante con i punti di sospensione (…) accanto alla casella.

Verrà aperta la finestra di dialogo Selezione colori.
Fare clic sulla scheda Tavolozza Web.

Attività

Procedura dettagliata: creazione e modifica di un file CSS

Elementi di interfaccia

(Tavolozza dei colori)
Vengono visualizzati i campioni dei colori selezionabili.
Colore
Consente di visualizzare il codice RGB esadecimale corrispondente al colore selezionato.
OK
Consente di chiudere la finestra di dialogo Selezione colori e di aggiungere la coppia attribute:RGBcolor selezionata al markup CSS che verrà inserito alla chiusura della finestra di dialogo Generatore di stile.