Come mettere il testo in una barra di scorrimento CSS

February 12

Una scatola di CSS di scorrimento consente di includere testo all'interno della pagina Web che si distingue separatamente dal resto del testo sulla pagina. Ad esempio, se si dispone di testo in una casella di scorrimento, è possibile preservare l'integrità del vostro progetto, perché è possibile inserire la maggior quantità di testo nella casella di scorrimento di cui hai bisogno. Dato che la casella di scorrimento comprende una barra di scorrimento, il testo può traboccare tanto quanto si vuole, ma ancora non si rovina il design della vostra pagina.

istruzione

1 Accedi al tuo server Web e aprire la pagina HTML che includerà il testo all'interno della casella di scorrimento.

2 Fare clic inbetween il "<body>" e "</ body>" tag della tua pagina nella posizione in cui si desidera inserire la casella di testo e barra di scorrimento.

3 Incolla questo codice:

<Table width = 40 border = 0 align = center summary = "">

<Tr>

<Td>

Testo va qui.

</ Td>

</ Tr>

</ Table>

4 Sostituire "Testo goes here" con il testo vero e proprio che si desidera visualizzare nella casella di scorrimento. Sostituire il valore "larghezza" e se si desidera.

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: normal;

margin-left: 20px;

padding-left: 20px;

line-height: 1.3em;

}

.scrollArea {

width: 275px;

altezza: 100px;

padding-left: 5px;

padding-right: 5px;

border-color: # 6699CC;

border-width: 1px;

border-style: solido;

float: left;

overflow: auto;

}

</ Style>

6 Pubblicare la pagina.