在CSS中，可以使用border-image屬性在邊框上添加圖片，該屬性允許您指定邊框圖像的來(lái)源、重復(fù)方式、裁剪區(qū)域等，以下是一些示例代碼，展示如何在CSS中添加邊框圖片：

示例1：添加邊框圖片

div {
  border-image: url('path/to/image.png') 30% round;
}

示例2：添加可重復(fù)的圖片邊框

div {
  border-image: url('path/to/image.png') 10% repeat;
}

示例3：添加裁剪的圖片邊框

div {
  border-image: url('path/to/image.png') 20% round 50% 50%;
}

示例4：添加多個(gè)邊框圖片

div {
  border-image: url('path/to/image1.png') 30% round, url('path/to/image2.png') 10% repeat;
}

示例5：添加邊框圖片并設(shè)置其他邊框樣式

div {
  border-image: url('path/to/image.png') 20% round;
  border-width: 10px;
  border-style: solid;
  border-color: #000;
}

示例6：添加邊框圖片并設(shè)置背景色和透明度

div {
  border-image: url('path/to/image.png') 30% round;
  background-color: rgba(255, 255, 255, 0.5); /* 半透明背景色 */
}