Heim >Web-Frontend >CSS-Tutorial >CSS-Randbild-Slicing
CSS-Randbild-Slicing
- WBOYnach vorne
- 2023-09-16 19:57:081363Durchsuche
CSS-Eigenschaft „border-image-slice“ wird zum Schneiden des Randbilds verwendet.
Beispiel
Sie können versuchen, den folgenden Code auszuführen, um die Eigenschaft „border – image-slice“ 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;
}
</style>
</head>
<body>
<p id = "borderimg1">This is image border example.</p>
</body>
</html>Das obige ist der detaillierte Inhalt vonCSS-Randbild-Slicing. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Wie wende ich zwei CSS-Klassen auf ein einzelnes Element an?Nächster Artikel：Wie wende ich zwei CSS-Klassen auf ein einzelnes Element an?