suchen

Heim >Web-Frontend >CSS-Tutorial >CSS-Randbildwiederholung

CSS-Randbildwiederholung

WBOY
WBOYnach vorne
2023-09-10 11:17:02827Durchsuche

CSS 边框图像重复

CSS-Eigenschaft „border-image-repeat“ wird verwendet, um das Randbild auf abgerundete Ecken, Wiederholung und Dehnung einzustellen.

Beispiel

Sie können versuchen, den folgenden Code auszuführen, um die Border-Image-Repeat-Eigenschaft zu implementieren -

Live-Demo

<html>
   <head>
      <style>
         #borderimg1 {
            border: 15px solid transparent;
            padding: 15px;
            border-image-source: url(https://tutorialspoint.com/css/images/border.png);
            border-image-repeat: round;
            border-image-slice: 50;
            border-image-width: 10px;
         }
      </style>
   </head>
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>

Das obige ist der detaillierte Inhalt vonCSS-Randbildwiederholung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css border
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Wie wiederhole ich ein Randbild mit CSS?Nächster Artikel：Wie wiederhole ich ein Randbild mit CSS?

In Verbindung stehende Artikel

Mehr sehen