CSS3实现多样的边框效果

CSS3实现多样的边框效果，可以使用一些新的属性和值，如border-radius、box-shadow、border-image等。

1. 实现圆角边框

要实现圆角边框，可以使用border-radius属性。这个属性可以用来设置div等标签的边框圆角的半径，而且不需要用到像素单位，可以使用百分号的方式来设置圆角大小。

div {
  border: 2px solid #ff0000;
  border-radius: 50%;
}

这个样式将使得一个div标签有一个2px宽的红色边框，并设置为圆形。

2. 实现阴影边框

要实现阴影边框，可以使用box-shadow属性。这个属性可以用来设置元素的阴影，可以设置水平和垂直方向的偏移量、模糊半径和颜色。

div {
  box-shadow: 2px 4px 6px #cccccc;
}

这个样式将使得一个div标签具有2px水平偏移量和4px垂直偏移量的6px模糊半径的阴影，并设置为灰色。

3. 实现图片边框

要实现图片边框，可以使用border-image属性。这个属性可以用来设置元素的边框为一个图片，并且可以根据图片大小自动缩放。

div {
  border: 10px solid transparent;
  border-image: url(border-pattern.png) 20% repeat;
}

这个样式将使得一个div标签具有10px高透明边框，并将边框设置为border-pattern.png图片的20%大小，重复平铺。

以上是三个例子，实现圆角边框、阴影边框和图片边框。要实现更多多样的边框效果，请参考CSS3文档。