如何用CSS统一设置所有元素的圆角边框?
一次性给所有元素设置圆角的简单方法
直接用CSS的通配符选择器就能搞定,不用逐个元素写样式,步骤超简单:
- 在你的CSS代码里加上这段:
* { border-radius: 10px; }
- 这里的
*是通配符,会匹配页面上所有HTML元素,一次性给它们都加上10px的圆角。 - 这个方法完全适合小项目,不用深入学CSS,复制粘贴就能用。
- 如果之后有个别元素不想带圆角,直接给那个元素单独写
border-radius: 0;就能覆盖全局设置,比如:
/* 示例:让某个按钮不要圆角 */ button.no-radius { border-radius: 0; }
内容的提问来源于stack exchange,提问作者meow
相关产品推荐
相关产品推荐

