📌  相关文章
📜  CSS3-边框图片

📅  最后修改于: 2020-10-26 04:56:44             🧑  作者: Mango

CSS Border image属性用于将图像边界添加到某些元素。您不需要使用任何HTML代码来调用边界图像。边界图像的示例语法如下-

#borderimg {
   border: 10px solid transparent;
   padding: 15px;
}

最常用的值如下所示-

Sr.No. Value & Description
1

border-image-source

Used to set the image path
2

border-image-slice

Used to slice the boarder image
3

border-image-width

Used to set the boarder image width
4

border-image-repeat

Used to set the boarder image as rounded, repeated and stretched

例

以下是演示将图像设置为元素边界的示例。

现场演示

   

   
      
This is image boarder example.

      
This is image boarder example.

      
This is image boarder example.

它将产生以下结果-