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!