Fogli di stile CSS consentono di separare lo stile di formattazione in una pagina Web dal layout. Originariamente, CSS era di essere un partner per il linguaggio di mark-up HTML. Oggi, lo stile con i CSS è trovato in altre lingue, come pure. Creando un gradiant richiede di fare uno sfondo con colore che sfuma o piste da distanza. Questo dà un oggetto un aspetto strutturato o 3D. CSS fornisce un modo per fare una scatola rettangolare, completano gli angoli e poi riempirlo con uno sfondo sfumato.

Istruzioni

1

Aprire un editor di testo come blocco note sul tuo computer e inserire i tag di intestazione di pagina per il foglio di stile. Ad esempio, digitare in < html > e < style > Tag se iniziando un nuovo foglio.

2

Creare la casella prima digitando in codice per un bordo e poi messo in un colore e lo stile.

a.BTN {border: 2px solid; color: #00000;

3

Aggiungere le informazioni di raggio che creeranno gli angoli arrotondati.

raggio bordo: 5px;
-moz-raggio: 5px;
-webkit-border-radius: 5px;

Questo codice crea il bordo in più browser.

4

Immettere le informazioni di sfondo di colore sfumato nella riga successiva del codice.

background: # # 800000; -Questo crea un solido background come backup
filtro: progid:DXImageTransform.Microsoft.gradient (startColorstr =' #736F6E ', endColorstr =' #000000');

Priorità bassa: - webkit-gradient(linear, left top, left bottom, from(#736F6E), to(#000000));
Priorità bassa: - moz-lineare-gradient(top, #736F6E, #000000);

Questo crea quattro opzioni di sfondo diverso per coprire più browser.

5

Chiudere il bordo con una staffa - "}."

Consigli & Avvertenze

• Un approccio più semplice sarebbe quella di utilizzare una premade gradienti immagine come sfondo per la tua casella. Questo evita di dover pasticciare con i molteplici problemi di browser.
• Il codice di esempio crea una sfumatura lineare o orizzontale. Per rendere un disegno circolare, utilizzare "radiale" anziché lineare.
• Visualizzare in anteprima la casella per assicurarsi che si guarda a destra. CSS è un linguaggio complesso e richiede la sintassi esatta. Un carattere manca può produrre un risultato imprevisto.