请问怎么样可以用css做出来这样的样式能具体写一下代码么谢谢

2025-03-03 04:37:21

推荐回答（1个）

回答1：

用CSS代码设定按钮的圆角样式，这个在css3中才能实现，通过使用border-radius来实现这个效果，不过有浏览器的兼容性问题，-moz(例如 -moz-border-radius)用于Firefox；-webkit(例如：-webkit-border-radius)用于Safari和Chrome；border-radius:5px 15px 20px 25px;它的意思就是上的圆角5px，右的圆角15px，下的圆角20px，左的圆角25px，通过例子来实际看下：

#round {
padding:10px; width:300px; height:50px;
border: 5px solid #dedede;
-moz-border-radius: 15px; /* Gecko browsers */
-webkit-border-radius: 15px; /* Webkit browsers */
border-radius:15px; /* W3C syntax */
}
效果如图：

请问 怎么样可以用css做出来这样的样式 能具体写一下代码么 谢谢

请问怎么样可以用css做出来这样的样式能具体写一下代码么谢谢