在网页设计中，使用圆角边框是很常见的一种效果，可以使页面看起来更加温和的同时也可以减少生硬的感觉。在CSS中，实现圆角边框也是比较简单的，下面介绍几种常用的方法。

/* 实现元素四个角全部圆角 */
	border-radius: 10px;
/* 实现元素左上角和右下角圆角 */
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
/* 实现元素右上角和左下角圆角 */
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
/* 实现元素上边框和左下角圆角 */
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
/* 实现元素下边框和右上角圆角 */
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

以上代码中，通过修改border-radius属性值或者使用border-[top/bottom]-[left/right]-radius属性，我们可以轻松地实现不同样式的圆角边框效果。需要注意的是，border-radius属性值的单位是像素（px）、百分比（%）等。

在实现圆角边框的同时，还可以使用box-shadow属性给元素添加阴影效果，以进一步增强其立体感。我们可以设置水平方向位移、垂直方向位移、模糊半径和颜色等参数，实现不同的阴影样式。

/* 给元素添加阴影 */
	box-shadow: 5px 5px 5px #888888;

以上代码中，box-shadow属性的第一个值表示水平方向位移，第二个值表示垂直方向位移，第三个值表示模糊半径，最后一个值则表示颜色，可以使用颜色名称、十六进制值或RGB值等表示。

综上所述，使用CSS实现圆角边框效果是比较容易的，可以通过简单的属性设置实现不同样式的效果，同时也可以配合阴影效果增强立体感。在设计网页时，可以根据需要为元素添加圆角边框，使页面看起来更加温和、美观。