CSS3的出现使得网页设计可以更加丰富和多样化，其中div圆形也成为了一种常见的网页设计元素。使用CSS3可以很容易地实现div圆形效果。

/*CSS代码*/
div {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ff0000;
}

通过设置div的宽度和高度相等，再利用border-radius属性将div变成圆形，即实现了div圆形效果。同时可以设置圆形的背景颜色，实现更加美观的效果。

除此之外，也可以利用动画效果和变形效果实现更多样的圆形效果，例如：

/*CSS代码*/
div {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ff0000;
animation: spin 2s linear infinite;
transform-origin: center center;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

上述代码实现了一个旋转的圆形div效果，利用了CSS3的动画和变形属性。设置animation属性实现旋转动画效果，transform-origin属性设置旋转中心为圆心，实现了更生动的圆形div效果。

总的来说，CSS3的出现大大丰富了网页设计的效果和样式，div圆形也成为了一个常见的网页设计元素。利用CSS3的属性和技巧，可以实现更多样、更美观的圆形div效果。