cari

Rumah >hujung hadapan web >tutorial css >Ulangan imej sempadan CSS

Ulangan imej sempadan CSS

WBOY
WBOYke hadapan
2023-09-10 11:17:02847semak imbas

CSS 边框图像重复

Sifat ulangan imej sempadan CSS digunakan untuk menetapkan imej sempadan kepada sudut bulat, ulangi dan regangan.

Contoh

Anda boleh cuba jalankan kod berikut untuk melaksanakan sifat border-image-repeat -

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

Atas ialah kandungan terperinci Ulangan imej sempadan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css border
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Bagaimana untuk mengulang imej sempadan menggunakan CSS?Artikel seterusnya：Bagaimana untuk mengulang imej sempadan menggunakan CSS?

Artikel berkaitan

Lihat lagi