Überlaufverarbeitungsanwendung für die Erstellung von HTML-Tags_HTML/Xhtml_Webseiten

Verwenden Sie CSS, um Bildlaufleisten zu dekorieren
1. Überlaufeinstellungen, wenn Inhalte überlaufen

overflow-x Einstellungen, wenn horizontale Inhalte überlaufen
overflow-y Einstellungen, wenn vertikale Inhalte überlaufen
Die durch die oben genannten drei Attribute festgelegten Werte sind sichtbar (Standardwert). scrollen, ausgeblendet, automatisch.

2． scrollbar-3d-light-color Die Farbe des hellen Randes der dreidimensionalen Bildlaufleiste
scrollbar-arrow-colorDie Farbe der dreieckigen Pfeile auf den Auf- und Ab-Schaltflächen
scrollbar-base-colorDie Grundfarbe von die Bildlaufleiste
scrollbar-dark-shadow -color Die Farbe des starken Schattens der dreidimensionalen Bildlaufleiste
scrollbar-face-color Die Farbe des hervorstehenden Teils der dreidimensionalen Bildlaufleiste
scrollbar-highlight-color Die Farbe des leeren Teils der Bildlaufleiste
scrollbar-shadow-color Die dreidimensionale Bildlaufleiste Schattenfarbe
Die durch die oben genannten sieben Attribute festgelegten Werte sind alle Farbwerte und Es können verschiedene durch das Stylesheet definierte Ausdrücke verwendet werden.

Mithilfe des oben genannten Stildefinitionsinhalts können wir angeben, ob die Bildlaufleiste des Browserfensters und das mehrzeilige Textfeld angezeigt werden sollen, und der erste Satz von Stilattributen wird verwendet, um festzulegen, ob der Satz angezeigt wird Wenn das Objekt angezeigt wird, wird der zweite Satz von Stilattributen verwendet, um die Farbe der Bildlaufleiste festzulegen. Es ist zu beachten, dass die in diesem Artikel verwendeten Stilattribute nur vom IE unterstützt werden wird von der IE5.5-Version unterstützt, achten Sie daher bitte beim Debuggen darauf.

Wir erläutern die oben genannten Stilattribute anhand mehrerer Beispiele:

1. Lassen Sie das Browserfenster niemals Bildlaufleisten haben.
Keine horizontalen Bildlaufleisten.

Keine vertikale Bildlaufleiste

Keine Bildlaufleiste
oder

2. Legen Sie die Bildlaufleiste des mehrzeiligen Textfelds fest
Es gibt keine horizontale Bildlaufleiste

Code kopieren

Der Code lautet wie folgt:

Keine vertikale Bildlaufleiste

Code kopieren

Der Der Code lautet wie folgt:

Keine Bildlaufleiste

Code kopieren

Der Code lautet wie folgt:

;/textarea></div> <br> oder <br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode81'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode81">< ;textarea style= "overflow:hidden">

3. Legen Sie die Farbe der Fenster-Bildlaufleiste fest.
Setzen Sie die Farbe der Fenster-Bildlaufleiste auf Rot
scrollbar-base-color legt die Grundfarbe fest. Im Allgemeinen müssen Sie dieses Attribut nur festlegen, um die Farbe der Bildlaufleiste zu ändern.
Fügen Sie einen kleinen Spezialeffekt hinzu:

Kopieren Sie den Code

Der Code lautet wie folgt:

< body style= "scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon "> Legen Sie es besser im Stylesheet fest. Definieren Sie eine Klasse in der Datei, damit Sie sie wiederverwenden können.

Code kopieren

Der Code lautet wie folgt:

.coolscrollbar

{

scrollbar-arrow-color:gelb;
scrollbar-base-color:lightsalmon;}

Fügen Sie die obige Anweisung zur Stylesheet-Datei oder zum