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

Heim

Web-Frontend

HTML-Tutorial

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

Nov 08, 2018 pm 03:02 PM

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:

&lt;html&gt;
   &lt;head&gt;
      &lt;style&gt;
         #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;
         }
      &lt;/style&gt;
   &lt;/head&gt;
   &lt;body&gt;
      &lt;p id = &quot;borderimg1&quot;&gt;php网站是最好的网站&lt;/p&gt;
      &lt;p id = &quot;borderimg2&quot;&gt;php网站是最好的网站&lt;/p&gt;
      &lt;p id = &quot;borderimg3&quot;&gt;php网站是最好的网站&lt;/p&gt;
   &lt;/body&gt;&lt;/html&gt;

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!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn