CSS3 知识量：11 - 43 - 138
border-image用于设置图片效果的边框，实现圆角按钮、渐变色等效果，功能上与background-image类似。
border-iamge的语法为：
border-image:none|<image>[<number>|<perentage>]{1,4}[stretch|repeat|round]{0,2}参数的含义是：
none 表示边框无背景图片，是默认值。
<image> 设置背景图片，通过绝对或相对URL地址来指定图片。
<number> 用于设置边框或边框图片的大小，单位是像素（px），可以使用1~4个值，表示4个方位。
<percentage> 用于设置边框或边框图片的大小，单位是百分比。
stretch、repeat、round 用于设置边框背景图片的铺放方式。其中，stretch是拉伸图片；repeat是重复图片；round是平铺图片。stretch是默认值。
下面是应用图片边框属性的示例：
<!DOCTYPE html>
<html>
<head>
<title>边框</title>
<meta charset="UTF-8">
<style type="text/css">
p{
width: 300px;
height: 100px;
border:30px solid;
border-image: url(pic/a.jpg) 30 stretch;
background-color: #F7A35C;
}
</style>
</head>
<body>
<h2>The Three Little Pigs</h2>
<p>Once upon a time there were three little pigs and the time came
for them to leave home and seek their fortunes.</p>
</body>
</html>显示的效果为：
Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6