Maison > Article > interface Web > Comment définir l'image d'arrière-plan pour la bordure en CSS
Comment définir l'image d'arrière-plan pour la bordure en CSS
- WBOYoriginal
- 2021-12-09 11:24:535126parcourir
En CSS, vous pouvez utiliser les attributs "border-image-source" et "border-image-slice" pour définir l'image d'arrière-plan de la bordure. La syntaxe "element {border-image-source: url (picture path); border. -image-slice : valeur }".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.
Comment définir une image d'arrière-plan pour la bordure en CSS
En CSS, si vous souhaitez définir une image d'arrière-plan pour la bordure, vous devez utiliser l'attribut border-image-source et border-image- attribut de tranche.
border-image-source est utilisé pour définir l'image d'arrière-plan de la bordure, et l'attribut border-image-slice est utilisé pour définir le style de l'image d'arrière-plan de la bordure.
L'exemple est le suivant :
<!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>Résultat de sortie :
(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!