html中如何设置圆角

在HTML中，设置圆角需要使用CSS样式来实现。CSS样式可以在HTML文件内部设置，也可以单独写一个.css文件引入到HTML文件中。

设置圆角的CSS属性是border-radius，它可以设置四个角的半径，也可以设置某一个角的半径。

/*设置所有角的半径为20px*/
div{
  border-radius: 20px;
}
/*设置左上角和右下角的半径为20px*/
div{
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

除了使用border-radius属性设置圆角，还可以使用其他属性，例如Box-shadow，它可以在元素周围生成阴影，达到圆角的效果。

/*使用Box-shadow属性实现圆角*/
div{
  Box-shadow: 0 0 0 20px #F00;
  border-radius: 20px;
}

需要注意的是，不同浏览器对CSS属性的支持程度不同，可能会出现兼容性问题。因此，建议使用CSS3规范中的属性，同时写好浏览器兼容的代码。