在网页设计中，合理地使用CSS3来美化页面元素是一项必备技能。今天我们就来聊聊如何利用CSS3来设置`div`元素的上下边框和左右边框，让你的网站看起来更加美观和专业。🎨

首先，让我们来看看如何给`div`添加上下边框。通过设置`border-top`和`border-bottom`属性，我们可以轻松地为`div`添加顶部和底部边框。例如：

```css

.div-class {

border-top: 2px solid 000;

border-bottom: 2px solid 000;

}

```

这样设置后，`.div-class`类名下的所有`div`元素都将拥有黑色的上下边框。InputBorder颜色、宽度和样式都可以根据需要进行调整。

接下来是左右边框。我们同样可以通过`border-left`和`border-right`属性来实现。如下所示：

```css

.div-class {

border-left: 2px dashed 000;

border-right: 2px dashed 000;

}

```

这样设置后，所有的`div`元素将具有虚线样式的左右边框。InputBorder的样式、颜色和宽度可以根据具体的设计需求进行修改。🌈

通过上述方法，我们可以灵活地控制`div`元素的边框样式，让页面布局更加丰富和吸引人。希望这些技巧能帮助你在网页设计中创造出更出色的视觉效果！🌟