recherche

Maison  >  Article  >  interface Web  >  Découpage d'image de bordure CSS

Découpage d'image de bordure CSS

WBOY
WBOYavant
2023-09-16 19:57:081355parcourir

CSS 边框图像切片

La propriété CSS border-image-slice est utilisée pour découper l'image de bordure.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour implémenter la propriété border - image-slice -

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>

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!

css 切片 border
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Comment appliquer deux classes CSS à un seul élément ?Article suivant：Comment appliquer deux classes CSS à un seul élément ?

Articles Liés

Voir plus