在网页设计中，花边框是一种常见的设计元素。通过使用CSS，我们可以轻松地创建出漂亮的花边框。

首先，我们需要定义我们的HTML元素以及它的类名。接下来，我们使用CSS的border属性来创建我们的花边框。下面是一个示例：

.example {
border: 10px solid transparent;
border-image: url('flower.png') 30 round; 
}

首先，我们将border属性设置为10像素的实心边框，并将边框颜色设置为透明。这是因为我们将使用border-image属性来替换我们的边框。

然后，我们使用border-image属性来指定我们要使用的边框图像以及其样式。在这个示例中，我们使用flower.png作为我们的边框图像，并指定它的平铺方式为round。

这样就完成了我们的花边框。通过使用不同的图像和样式，我们可以创建出各种不同的花边框，从而让我们的网页更加美观。