Come inserire una casella colorata in un post Utilizzando i CSS

July 5

Come inserire una casella colorata in un post Utilizzando i CSS


Cascading Style Sheets, o CSS, permette di predefinire le proprietà di stile sul tuo sito web, come ad esempio il tipo di font o il colore di sfondo, che può essere utilizzato in tutta più pagine del tuo sito. Per usare i CSS, si chiama lo stile predefinito tramite la sua classe o il nome id all'interno di un tag HTML, come ad esempio un tag <div> o <span> tag. Se si desidera utilizzarlo in un post sul blog o qualsiasi parte del tuo sito, è necessario prima definire lo stile in CSS, modificando il foglio di stile del tuo sito web.

istruzione

1 Trovare il file CSS usato per il tuo sito. Controllare il codice sorgente della pagina HTML e trovare il link per il foglio di stile nella sezione <head>. Segue un esempio del codice che visualizza la posizione del file CSS in una pagina Web:

<Link rel = "stylesheet" type = "text / css" href = "themes / style.css" />

In questo esempio, il file CSS è denominato style.css e si trova nella cartella Themes.

2 Aprire il file CSS in un editor HTML o Notepad.

3 Aggiungere il codice per la casella colorata. Per inserire una casella rossa con una dimensione dei pixel 50-by-50, aggiungere questa riga al vostro file CSS:

.coloredbox {

width: 50px;

Altezza: 50px;

background-color: red;

}

Salvare il file CSS.

4 Inserire la casella colorata nel tuo post digitando il seguente codice HTML. È necessario passare alla visualizzazione HTML in editor di testo del tuo blog per farlo.

<Div class = "coloredbox"> </ div>

5 Pubblica il tuo messaggio.

Consigli e avvertenze

  • Alcuni fornitori di servizi blog limitare l'accesso a file CSS e possono addebitare un costo aggiuntivo per voi per modificarlo. È possibile controllare con il fornitore di servizi blog se non sei in grado di trovare o modificare il file CSS.