邊框背景設定
阿新 • • 發佈：2020-12-19
總共四步：
1.設定盒子border
border: 30px solid palegoldenrod；
2.將背景框的圖片引入
border-image-source:url('image/1.png')
3.設定圖片分割的位置
border-image-slice：上 右 下 左；
4.設定圖片邊框的寬度
border-image-width：上 右 下 左；
5.設定照片平鋪狀態
border-image-repeat： stretch 拉伸圖片以填充邊框。 repeat 平鋪圖片以填充邊框。 round 平鋪影象。當不能整數次平鋪時，根據情況放大或縮小影象。 space 平鋪影象 。當不能整數次平鋪時，會用空白間隙填充在影象周圍（不會放大或縮小影象） inherit 繼承父級元素的計算值。
案例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/flexible.js" 