Wie man einen Scrollbox Rahmen unsichtbar machen

May 10

Web-Designer verwenden Bildlauffelder zum Anzeigen von Inhalt auf einer Webseite. Sie stellen den Inhalt in eine Box, die eine Bildlaufleiste auf der Seite der Box enthält. Besucher der Website Blättern Sie durch den Inhalt Bewegung der Laufleisten vom oberen zum unteren Rand der Box. Diese Scroll-Boxen sind manchmal von einem Rahmen umgeben. Webdesigner können entfernt oder die Grenze sichtbar machen, indem Sie ändern die Attribute des Codes, der das Bildlauffeld erstellt.

Anweisungen

1 Erstellen Sie ein neues Div-Element. Dieses Div enthält Inhalte, die innerhalb Ihrer Bildlauffeld angezeigt wird. Folgendes ist ein Beispiel für Div Erstellung Code.

< Div >< / Div >

2 Platzieren Sie Text innerhalb des Div-Elements — nach dem < Div >-Tag und vor dem < / Div > Tag. Im folgenden Beispiel, den Text innerhalb des Elements < Div > scheint "Dies ist der Text, der innerhalb des Bildlauffelds angezeigt wird, die keine Grenze".

< Div > Dies ist der Text, der angezeigt wird innerhalb des Bildlauffelds, die keine Grenze. < / Div >

3 Gelten Sie Stileigenschaften für die div. Diese Regeln werden diktieren die Darstellung des Div-Elements, erstellen ein Scroll-Balken für den Überlauf und definieren die Grenze der Box. Die Stileigenschaften innerhalb einer Stilregel platziert sind und zugewiesen der Eröffnung Div-Tag. In diesem Beispiel werden die Formateinstellungen auf das Beispiel Div aus dem vorherigen Beispiel angewendet. Die Box hat eine Höhe von 50 Pixeln und einer Breite von 100 Pixel und die Overflow-Eigenschaft wird festgelegt, um zu "Blättern" — die Einstellung, die dem Feld Bildlauffeldes macht. Das Feld haben einen gelben Hintergrund und weiße Schrift. Schließlich hat das Kästchen einen 10-Zoll-breit soliden grünen Rand.

< Div Style = "Height: 50px; Width: 100px; Overflow: Scroll Hintergrund-Farbe: weiß, Farbe: gelb; Border: 10px solid grün;" > Dies ist der Text, der innerhalb des Bildlauffelds angezeigt wird, die keine Grenze. < / Div >

4 Knirschen der Grenze auf 0 Pixel. Betrachten Sie die folgende Änderung der Beispielcode. Sie werden feststellen, dass die Grenze-Einstellung von 10 Pixel auf 0 Pixel geändert hat, die völlig den Rahmen aus, um das Bildlauffeld entfernt werden.

< Div Style = "Height: 50px; Width: 100px; Overflow: Scroll Hintergrund-Farbe: weiß, Farbe: gelb; Border: 0px solid grün;" > Dies ist der Text, der innerhalb des Bildlauffelds angezeigt wird, die keine Grenze. < / Div >

5 Die Grenze in den Hintergrund verschmelzen — eine andere Methode für das loswerden von der Grenze. Im folgenden Beispielcode wird die Grenze bei 10 Pixel festgelegt und seine Farbe in weiß geändert hat. Wenn die Site einen weißen Hintergrund hat, wird die Grenze nicht angezeigt.

< Div Style = "Height: 50px; Width: 100px; Overflow: Scroll Hintergrund-Farbe: weiß, Farbe: gelb; Border: 10px solid weiß;" > Dies ist der Text, der innerhalb des Bildlauffelds angezeigt wird, die keine Grenze. < / Div >

6 Ausblenden die Grenze durch Ändern des solid-Attributs des Rahmens zu versteckten. Im folgenden Beispiel wird die Grenze ist noch 10 Pixel breit aber ist jetzt grün. Jedoch hat die "solide" Einstellung in "versteckten" geändert. Diese Einstellung macht die Grenze komplett unsichtbar.

< Div Style = "Height: 50px; Width: 100px; Overflow: Scroll Hintergrund-Farbe: weiß, Farbe: gelb; Border: 10px versteckt grün;" > Dies ist der Text, der innerhalb des Bildlauffelds angezeigt wird, die keine Grenze. < / Div >