Computer >> Máy Tính >  >> Lập trình >> CSS

Đặt hình ảnh đường viền làm tròn, lặp lại và kéo dài bằng CSS

Thuộc tính border-image-repeat được sử dụng để đặt hình ảnh đường viền là được làm tròn, lặp lại và kéo dài bằng CSS.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai border-image-repeat tài sản:

<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: 40;
            border-image-width: 20px;
         }
      </style>
   </head>
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>