css样式怎么把按钮变圆

css样式把按钮变圆的方法：首先创建一个HTML示例文件；然后定义一个button按钮；最后通过css中的“border-radius”属性将按钮四角设置为圆角即可。

	
		
		
		
	
	
		

		按钮1
		按钮2
		按钮3
		按钮4
		
	

有时候border-radius会失效

解决办法：万能的!important;

在border-radius属性里面添加 !important，让浏览器首选执行这个语句

border-radius: 6px !important;

CSS中的!important一般都是用于对低版本的除了iE 6 ，用来做hack的，后面缀上了!important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上!importanrt可以覆盖父级的样式。

推荐：《HTML视频教程》

以上就是css样式怎么把按钮变圆的详细内容，更多请关注其它相关文章！