css中怎么做圆角 |css鼠标样式禁止点击事件

/* 设置四个角的半径均为10px */
border-radius: 10px;
/* 分别设置左上角和右下角的半径为10px */
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
/* 向内凸出的圆角效果 */
border-radius: 10px / 20px;
/* 圆形 */
border-radius: 50%;
/* 圆角矩形 */
border-radius: 10px 20px 30px 40px;

需要注意的是，在设置圆角时最好也同时设置相应的兼容性属性，以兼容不同浏览器。例如：

/* 设置圆角和兼容性属性 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

这样就可以确保在不同浏览器上都能够正确地显示出圆角效果。