要创建好看的圆角效果，你可以选择使用CSS3的`border-radius`属性或者通过HTML和CSS结合的方式。下面我将详细介绍这两种方法。
使用CSS3的`border-radius`属性
CSS3提供了`border-radius`属性，可以很方便地为元素设置圆角效果。这个属性可以通过设置四个角的圆角半径像素数来实现。例如：
```css
.chaomao {
border-radius: 2px 2px 2px 2px； /* 左上 2px， 右上 2px， 右下 2px， 左下 2px */
}
```
或者，你可以分别指定每个角的圆角半径：
```css
.chaomao {
border-top-left-radius: 4px；
border-top-right-radius: 3px；
border-bottom-right-radius: 6px；
border-bottom-left-radius: 3px；
}
```
使用HTML和CSS结合的方式
如果你需要兼容所有浏览器，可以使用HTML和CSS结合的方式来实现圆角效果。这种方法需要添加额外的HTML标签，但可以实现更复杂的圆角形状。下面是一个示例：
```html
```
自定义圆角形状
如果你想要更高级的圆角效果，可以使用CSS的`border-radius`属性结合`border-width`和`border-color`来实现自定义的圆角形状。例如：
```css
.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8 {
height: 1px；
font-size: 1px；
overflow: hidden；
display: block；
}
.b1, .b8 {
margin: 0 5px；
}
.b2, .b7 {
margin: 0 3px；
border-right: 2px solid；
border-left: 2px solid；
}
.b3, .b6 {
margin: 0 2px；
border-right: 2px solid；
border-left: 2px solid；
}
```
使用编程语言实现
在某些编程语言中，如VB（Visual Basic），你可以使用图形控件来创建圆角矩形。例如：
```css
.custom-rounded {
border-width: 2px；
border-style: solid；
border-color: ffcc66 transparent transparent transparent；
border-radius: 20px；
}
```
总结
根据你的需求和目标浏览器兼容性，可以选择合适的方法来实现圆角效果。对于现代网页设计，推荐使用CSS3的`border-radius`属性，因为它简单且易于维护。如果需要更复杂的圆角形状或更高的兼容性，可以考虑使用HTML和CSS结合的方式或编程语言提供的图形控件。