css3如何将图像设置为元素周围的边框

　　下面我们就通过具体的代码示例，给大家介绍css3中border-image属性用法。

　　也就是将图像指定为元素周围的边框。

　　代码如下：

　　<!DOCTYPE>

　　<html>

　　<metacharset="utf-8">

　　<head>

　　<styletype="text/css">

　　#borderimg1{

　　width:600px;

　　border:15pxsolidtransparent;

　　padding:10px;

　　-webkit-border-image:url("/test/img/19.png")30round;

　　border-image:url("/test/img/19.png")60round;

　　}

　　#borderimg2{

　　width:600px;

　　border:15pxsolidtransparent;

　　padding:10px;

　　-webkit-border-image:url("/test/img/19.png")30stretch;

　　}

　　</style>

　　</head>

　　<body>

　　<p>border-image边框图像属性,将图片规定为包围div元素的边框：</p>

　　<pid="borderimg1">这里图像的中间部分被重复以创建边界。</p>

　　<pid="borderimg2">这里图像的中间部分被拉伸以创建边界。</p>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56438.shtml