Heim >Web-Frontend >HTML-Tutorial >Wie legt man Grenzen in HTML fest? So legen Sie den HTML-Rahmenstil fest
Wie lege ich den Rand von HTML fest? Ich glaube, viele Freunde, die neu bei HTML sind, werden solche Fragen haben. In diesem Kapitel erfahren Sie, wie Sie Rahmen in HTML festlegen. So legen Sie den HTML-Rahmenstil fest. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein. [Empfohlenes Lernen: HTML-Tutorial]
Die CSS-Bildeigenschaft „Rand“ wird verwendet, um bestimmten Elementen Bildränder hinzuzufügen. Sie müssen keinen HTML-Code verwenden, um das Randbild aufzurufen. Eine Beispielsyntax für ein Randbild lautet wie folgt: .
#borderimg { border: 10px solid transparent; padding: 15px;}
Das Folgende ist ein Beispiel für das Festlegen eines Bildes als Rand eines Elements:
<html> <head> <style> #borderimg1 { border: 10px solid transparent; padding: 15px; border-image-source: url(/css/images/border.png); border-image-repeat: round; border-image-slice: 30; border-image-width: 10px; } #borderimg2 { border: 10px solid transparent; padding: 15px; border-image-source: url(/css/images/border.png); border-image-repeat: round; border-image-slice: 30; border-image-width: 20px; } #borderimg3 { border: 10px solid transparent; padding: 15px; border-image-source: url(/css/images/border.png); border-image-repeat: round; border-image-slice: 30; border-image-width: 30px; } </style> </head> <body> <p id = "borderimg1">php网站是最好的网站</p> <p id = "borderimg2">php网站是最好的网站</p> <p id = "borderimg3">php网站是最好的网站</p> </body></html>
Die Anzeige sieht folgendermaßen aus: Dieser Artikel bringt Ihnen der Inhalt darüber, wie man Rahmen in HTML festlegt? Die Methode zum Festlegen des HTML-Rahmenstils hat einen gewissen Referenzwert. Ich hoffe, dass sie für Sie hilfreich ist.
Das obige ist der detaillierte Inhalt vonWie legt man Grenzen in HTML fest? So legen Sie den HTML-Rahmenstil fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!