Heim > Artikel > Web-Frontend > So legen Sie ein Hintergrundbild für den Rahmen in CSS fest
So legen Sie ein Hintergrundbild für den Rahmen in CSS fest
- WBOYOriginal
- 2021-12-09 11:24:535107Durchsuche
In CSS können Sie die Attribute „border-image-source“ und „border-image-slice“ verwenden, um das Rahmenhintergrundbild festzulegen. Die Syntax „element {border-image-source: url (picture path); border -image-slice: Wert }".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So legen Sie ein Hintergrundbild für den Rand in CSS fest
Wenn Sie in CSS ein Hintergrundbild für den Rand festlegen möchten, müssen Sie das Attribut „border-image-source“ und „border-image-“ übergeben. Slice-Attribut.
border-image-source wird verwendet, um das Hintergrundbild des Randes festzulegen, und das Attribut border-image-slice wird verwendet, um den Stil des Randhintergrundbildes festzulegen.
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div{
width: 300px;
height: 300px;
margin: 100px;
border: 10px solid #000;
border-image-source: url(1118.02.png);
border-image-slice: 20 20 20 20;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo legen Sie ein Hintergrundbild für den Rahmen in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!