So legen Sie den unteren Rand in HTML fest

So legen Sie den unteren Rand in HTML fest: Legen Sie zuerst ein Div fest und setzen Sie seine Klasse auf „Demo“. Legen Sie dann den Stil des Div fest und verwenden Sie das Attribut [box-shadow], um einen Schatteneffekt hinzuzufügen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

So legen Sie den unteren Rand in HTML fest:

1 Erstellen Sie zunächst eine neue HTML-Datei, geben Sie den Grundinhalt ein, legen Sie hier ein Div fest und stellen Sie dessen Klasse auf Demo ein. Öffnen Sie es mit einem Browser, um die Standardeinstellung anzuzeigen Effekt:

2. Legen Sie den Stil des Div fest. Geben Sie dem Div hier eine Breite von 300 Pixeln. Verwenden Sie das Attribut border-bottom, um den unteren Rahmen auf 3 Pixel festzulegen, verwenden Sie einen Rahmen mit durchgezogener Linie und die Farbe ist rot. Speichern Sie nach Abschluss der Einstellungen den Effekt und sehen Sie sich ihn an: border-bottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果：

3、继续对边框美化，用box-shadow

Verwandte Lernempfehlungen: HTML-Video-Tutorial

🎜

Das obige ist der detaillierte Inhalt vonSo legen Sie den unteren Rand in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!