Hintergrund Panel-Optionen in Dreamweaver CSS Property Panel

Mit dem Hintergrund-Panel in Dreamweaver CSS Designer Panel können Sie eine Hintergrundfarbe oder ein Bild für einen Stil festlegen - und steuern, wie der Hintergrund auf der Seite angezeigt wird. Sie können Hintergrundstileinstellungen für jedes Element Ihrer Webseite verwenden, die einen Hintergrund anzeigen kann - einschließlich der,, Überschrift und Image-Tags.

bild0.jpg

Zum Beispiel könnten Sie den Tag enthalten Hintergrundeinstellungen ändern, die auf die gesamte Seite anwenden, oder Sie können einen Stil mit der Klasse oder ID-Selektor erstellen und einen Hintergrund festlegen, die nur hinter einem einzelnen Tag erscheint.

Durch die Einbeziehung der Hintergrund in der Klasse oder ID-Stil eines Tags, können Sie den Hintergrund beschränken nur auf dem Bildschirm angezeigt werden, wo das Tag verwendet wird. Beachten Sie, dass die Option Hintergrund mit einem Bild funktioniert nur, wenn Sie zuerst einen Rand um das Bild einzustellen.

Sie können aus diesen Hintergrund Optionen wählen:

  • Hintergrundfarbe: Geben Sie die Hintergrundfarbe einer definierten Stil eine von mehreren Methoden. Sie können die Farbe auch klicken und eine vordefinierte Farbe auswählen oder eine benutzerdefinierte Farbe erstellen. Oder verwenden Sie die Pipette eine beliebige Farbe auf dem Bildschirm zu probieren. Schließlich können Sie einen hexadezimalen Farbcode eingeben - stellen Sie sicher, dass die # enthalten, wie in # 000000 für die Farbe Schwarz oder #ffffff für die Farbe Weiß.

  • Hintergrundbild: Wählen Sie ein Bild als Hintergrund im Stil Definition zu dienen. Geben Sie eine beliebige URL zu einem Bild auf Ihrem Computer oder im Internet, oder klicken Sie auf das Ordnersymbol der Festplatte zu durchsuchen und ein Bild auswählen.

  • Hintergrund-Position: Geben Sie die Position des Hintergrundbildes von der linken und oberen Rand des übergeordneten Elements durch eine Zahl in jedem Feld eingeben. Diese Option ist nur sichtbar, wenn Sie auf den kleinen Pfeil klicken Sie neben dem URL-Feld im Abschnitt Hintergrund die zusätzlichen Felder zu offenbaren, die folgen.

  • Größe: Wählen Sie die Messung in Pixel, ems, oder eine andere Option, und geben Sie dann die Größe, die Sie für den Hintergrund wollen. das Feld Größe auf Auto (Standard) festgelegt Verlassen zeigt das Bild in der tatsächlichen Größe.

  • Hintergrund-Clip: Legt fest, ob der Hintergrund die Grenze beginnt, die Polsterung, oder den Inhalt eines Kastenelement, wie ein Tag.

  • Hintergrund Wiederholung: Klicken Sie auf das entsprechende Symbol, um festzulegen, wie und ob das Hintergrundbild wiederholt, oder Fliesen, über und unten auf der Seite. Hintergrundbilder Kachel standardmäßig, so müssen Sie eine Option wählen, wenn Sie nicht wollen, Ihren Hintergrund zu wiederholen, oder Sie wollen festlegen, wie sie wiederholt wird.

    Beachten Sie auch, dass, wenn das Bild größer als das Element ist, auf die sie angewendet wird, nur so viel von dem Bild, wie in dem Anzeigebereich des Elements passen sichtbar. Wenn Sie eine 600 Pixel breite Bild als Hintergrund eines Tags Verwenden Sie zum Beispiel, die breit auf 300 Pixel festgelegt ist, nur die Hälfte des Bildes sichtbar.

    Die Wiederholungsoptionen, aufgeführt in der Reihenfolge des Erscheinens ihrer Symbole, wie folgt vor:

  • Erben: Es sei denn, eine andere Option ausgewählt ist, erbt jedes Element, das Verhalten des übergeordneten Elements. Diese Standardoption muss nicht angegeben werden.

  • Wiederholen:Das Hintergrundbild wiederholt vertikal und horizontal im Hintergrund des Elements.

  • Wiederholen-X: Der Hintergrund wiederholt horizontal, aber nicht vertikal, im Hintergrund des Elements.

  • Wiederholen-Y:Der Hintergrund wiederholt vertikal, aber nicht horizontal, im Hintergrund des Elements.

  • No-Repeat:Der Hintergrund wird einmal an der oberen linken Ecke des Elements angezeigt.

  • Herkunft: Angeben, ob der Ursprung des Hintergrundes an der Grenze beginnt, die Polsterung oder den Inhalt eines Kastenelement, beispielsweise ein Tag.

  • Befestigung: Ermitteln Sie, wie der Hintergrund verhält, wenn die Seite gescrollt wird. Die Optionen sind

  • Erben: Es sei denn, eine andere Option ausgewählt ist, erbt jedes Element, das Verhalten des übergeordneten Elements. Dies ist eine Option Standard und muss nicht angegeben werden.

  • Fixed: Der Hintergrund bleibt an einer Stelle im Sichtbereich geklebten und blättern nicht aus den Augen, auch wenn die Webseite gescrollt wird.

  • Scrollen: Die Hintergrundrollen zusammen mit der Web-Seite.

  • Gradient: Klicken Sie auf die Farbe gut neben Gradient Dreamweaver neuen visuellen Gradienten Wähler zu öffnen.

    image1.jpg
  • Menü