Nwlapcug.com


Come inserire testo all'interno di una barra di scorrimento in CSS

Una casella di scorrimento CSS consente di includere il testo all'interno della pagina Web che si separatamente dal resto del testo sulla tua pagina. Ad esempio, se hai testo in una casella di scorrimento, si può preservare l'integrità del vostro disegno, perché è possibile inserire come gran parte del testo nella casella di scorrimento, come avete bisogno. Perché la casella di scorrimento di una barra di scorrimento, il testo può overflow tanto quanto si desidera, ma ancora non rovina il design della tua pagina.

Istruzioni

1

Accedere al server Web e aprire la pagina HTML che include il testo all'interno della casella di scorrimento.

2

Fare clic su inbetween "< corpo >" e "< / body >" tag della tua pagina nella posizione dove si desidera inserire la barra di casella e scorrimento del testo.

3

Incolla questo codice:

< larghezza tavola = 40 border = 0 align = centro Riepilogo = "" >

< tr >

< td >

Testo va qui.

< /td >

< /tr >

< / tabella >

4

Sostituire "Testo va qui" con il testo effettivo che si desidera venga visualizzato nella casella di scorrimento. Sostituire il valore di "larghezza" anche se il desiderio.

5

Fare clic nella sezione "< head >" della pagina HTML e inserire questo codice:

< style type = "text/css" >

UL {

margin-top: 0px;

margin-bottom: 0px;

Color: #333333;

font-size: 80%;

font-weight: normale;

margin-left: 20px;

padding-left: 20px;

line-height: 1.3em;

}

.scrollArea () {

Larghezza: 275px;

Altezza: 100px;

padding-left: 5px;

imbottitura a destra: 5px;

border-color: #6699CC;

border-width: 1px;

border-style: solid;

float: left;

overflow: auto;

}

< / stile >

6

Pubblicare la pagina.