在网页制作中，圆角效果通常被用来增强设计感和美观性。在过去，通过使用HTML表格或是图片等方式实现圆角效果，但是这些方法存在一些缺点，例如无法灵活调整圆角大小、无法透明化处理等。因此，在现代的网页制作中，通常使用DIV元素实现圆角效果。
DIV元素是HTML中的一个容器，它可以将网页内容划分为不同的块，以实现布局和设计效果。在使用DIV实现圆角效果时，可以通过CSS样式表中的属性和类来控制其外观和效果。
首先，需要在CSS样式表中定义一个圆角类（例如 .rounded），通过border-radius属性来定义DIV的圆角半径。例如，可以将DIV顶部两个角的半径设置为20px，代码如下：
.rounded {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
这将使DIV的顶部两个角变为圆角，圆角半径为20像素。同样的方式也可以应用到底部两个角、左侧两个角、右侧两个角，甚至是四个角同时生效。
除了使用border-radius属性来控制圆角效果，也可以使用其他属性来增强DIV的圆角效果，例如box-shadow属性可以使DIV产生阴影效果，让其看起来更立体、真实。
最终，将创建好的CSS样式表应用到需要进行圆角处理的DIV元素上，就可以实现圆角效果。在网页制作中，适当地运用圆角效果可以增强网页的美观性和设计感，提升用户体验。