Nwlapcug.com


Come fare un documento dall'aspetto della lavagna

Come fare un documento dall'aspetto della lavagna


L'oggetto di hypertext markup language (HTML) "documento" consente di applicare una varietà di effetti a una pagina Web. Gli elementi figlio possono accettare un elemento di sfondo sotto forma di un'immagine che è possibile aggiungere al documento utilizzando fogli di stile CSS (CSS). È possibile applicare questo effetto a un intero documento o a elementi specifici, come ad esempio "div" o "paragrafo" elementi. Un documento che assomiglia ad una lavagna può afferrare l'attenzione dei telespettatori e può dare un documento di routine un tocco divertente e nostalgico.

Istruzioni

1

Aprire il documento e il file CSS associato, se presente, in un editor di testo o nell'ambiente di sviluppo di vostra scelta.

2

Applicare un colore turchese o verde alla proprietà background del documento all'interno del file CSS; in alternativa, è possibile utilizzare CSS nella parte superiore del documento stesso. Il valore esadecimale #70C1BC è una buona scelta:

corpo () {

background-color: #70C1BC;

}

In alternativa, se si preferisce utilizzare un'immagine realistica di una priorità bassa della lavagna. Utilizzando un'immagine di sfondo ti permette di mostrare i resti di gesso e può dare alla superficie del documento un martellata, autentico sentire:

corpo () {

immagine di sfondo: URL(Images/ChalkboardImage.gif);

}

Sostituire il nome dell'immagine che si desidera utilizzare per "Chalkboardimage.gif."

3

Modificare il colore del testo nel documento ad un colore morbido-giallo o bianco, in modo che testo sul documento ricorda agli utenti di gesso. Il valore esadecimale "#F2EDC8" è una buona opzione:

corpo () {

colore: #F2EDC8;

}

4

Modificare il carattere di uno che assomiglia a caratteri scritti a mano. È possibile utilizzare il carattere Arial grassetto e in corsivo per creare questo effetto:

corpo () {

font: corsivo grassetto 12px/30px arial;

}

5

Salvare il file, chiuderlo. Riaprire il file in un browser Internet per garantire che il codice funziona come previsto.

Consigli & Avvertenze

  • È possibile utilizzare questa tecnica per applicare erba, sporcizia, documento del taccuino e altri effetti ai documenti.