Dünne Linienränder sind eine häufig verwendete Methode zur Positionierung und Unterscheidung von Inhalten auf Webseiten. Wenn sie mit bestimmten Bildern verwendet werden, können oft gute Ergebnisse erzielt werden.
Wie wir alle wissen, sieht der sogenannte dünne Rand wie eine einfache Tabelle mit 1 Zeile und 1 Spalte aus. Können wir also einfach den Randwert des Tabellenobjekts auf 1 setzen? Bitte sehen Sie sich den Produktionseffekt unten an:
Fügen Sie auf ähnliche Weise eine einzeilige und einspaltige Tabelle an der angegebenen Position auf der Webseite ein. Klicken Sie mit der Maus auf einen beliebigen Teil des äußeren Rahmens der Tabelle, um ihn im Eigenschaftenfenster auszuwählen. Sie können auch gleichzeitig ein anderes „CellPad“ und „CellSpace“ auf Null setzen, wie in der Abbildung gezeigt:
Abbildungen verschiedener Effekte im Vorschauzustand:
Aus der obigen Abbildung ist nicht schwer zu erkennen, dass das einfache Setzen des Randes auf 1 den Effekt nicht erzielen kann. Schauen wir uns an, wie man durch „clevere“ Einstellungen der Tabelle die erforderliche Feinheit erreicht.
Setzen Sie in der obigen Tabelle auch „Rahmen“ und „Zellenpolster“ auf „0“ und „Zellenraum“ auf „1“. Beachten Sie, dass sich „Zellenraum“ auf den Abstand zwischen den Zellen bezieht. Wie im Bild gezeigt
Stellen Sie die „Hintergrundfarbe“ der Tabelle auf „Rot“ und die „Hintergrundfarbe“ der Zelle auf die gleiche Hintergrundfarbe der Webseite ein – „Weiß“. Der Vorschaueffekt ist wie folgt:
Um es für alle verständlicher zu machen, wird der Autor es hier ein wenig erklären. Darunter haben wir „CellSpace“ auf 1 gesetzt. Beim Festlegen der Hintergrundfarbe der Tabelle wurde dieser Teil zweifellos berücksichtigt. Die nachfolgenden Zelleneinstellungen haben es einfach „abgelegt“. Dies fördert den Anzeigeeffekt, sodass sich bei einer Änderung der Hintergrundfarbe der Tabelle auch die Farbe des Rahmens ändert.
