Wie legt man Grenzen in HTML fest? So legen Sie den HTML-Rahmenstil fest-HTML-Tutorial-php.cn

Wie legt man Grenzen in HTML fest? So legen Sie den HTML-Rahmenstil fest

云罗郡主

Freigeben： 2018-11-08 15:36:12

Original

18214 Leute haben es durchsucht

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;}

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!