HTML erlaubt teilweise erzwungene Bildlaufleisten, um den Gesamtstil und das Layout nicht zu zerstören.

HTML erlaubt teilweise erzwungene Bildlaufleisten, um den Gesamtstil und das Layout nicht zu zerstören.
Poste zuerst das Effektbild:

Damit der Gesamtstil und das Layout nicht zerstört werden, wird lokal eine Bildlaufleiste eingeblendet.

Beispielcode:

Code kopieren
Der Code lautet wie folgt:

<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312">
<title>Horizontale Bildlaufleiste zur HTML-Seite hinzufügen</title>
</Kopf>
<Text>
<DIV style=" OVERFLOW-X: scrollen; Bildlaufleisten-Oberflächenfarbe:#B3DDF7; Bildlaufleisten-Schattenfarbe:#B3DDF7; Bildlaufleisten-Hervorhebungsfarbe:#B3DDF7; Bildlaufleisten-3D-Lichtfarbe:#EBEBE4; Bildlaufleisten-Dunkelschattenfarbe:#EBEBE4; Bildlaufleisten-Spurfarbe:#F4F4F0; Bildlaufleisten-Pfeilfarbe:#000000; Breite: 752px; HÖHE: 380px" align=center>
<Tabellenbreite="1440" Rahmen="0" Zellenabstand="0" Zellenpadding="0">
<tr>
<td>p</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>pppppppppppppppp</td>
<td>pppppppppppp</td>
<td>pppppppppppppppppp</td>
<td>pppppppppppppppppppppppppp</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</Tabelle>
</div>
</body>
</html>

Kopieren Sie den obigen Code in ein Textdokument und ändern Sie die Texterweiterung von txt in .html, um den Effekt in der Vorschau anzuzeigen.

<<:  Stellen Sie Ihre Website automatisch auf den IE7-Kompatibilitätsmodus ein, wenn Sie mit IE8 surfen

>>:  Docker erstellt Redis5.0 und mountet Daten

Artikel empfehlen

10 hervorragende Web-UI-Bibliotheken/Frameworks

1. IT Mill-Toolkit IT Mill Toolkit ist ein Open-S...

JavaScript zum Erzielen eines Akkordeoneffekts

In diesem Artikel wird der spezifische Code für J...

Sehr detaillierte JavaScript-Implementierung eines Webseiten-Karussells

Inhaltsverzeichnis Erstellen von HTML-Seiten Impl...

So kennzeichnen Sie die Quelle und Herkunft von CSS3-Zitaten

Wegen der Epidemie werde ich zu Hause fast schimm...

Implementierung von Debugging-Code über den Nginx-Reverse-Proxy

Hintergrund Heutzutage werden die Projekte des Un...

Asynchroner Lebenszyklus von AsyncHooks in Node8

Async Hooks ist eine neue Funktion von Node8. Sie...

CSS3 realisiert den leuchtenden Randeffekt

Wirkung der Operation: html <!-- Dieses Elemen...