用css做出有意思的样式,css样式有什么用

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

用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，通过例子来实际看下：

div id="round"/div

#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 */

}

效果如图：

相关问答

Q1: 求用CSS怎么能做出以下选择样式 在线等 急 十分感谢

仔细观察，就是一个圆圈描边，里面再有一个实心的圆圈组合起来的效果。换成css代码就是一个元素变为圆形border-radius，然后描边，border（形成外面圆），里面再套一个小一点的元素同样设为圆形，位置居中，再给这个圆加个背景色background-color。

最后js使用siblings方法，点击其中一个，添加背景色，其他移除背景色即可。

Q2: 怎样用CSS样式制作边缘光晕的模糊效果

1、首先新建一个简单的html文件，如图所示。

2、然后根据自己的需要，简单的设置一下层宽高和图片样式。

3、新建一个用于局部模糊的层，利用绝对定位和z-index使它浮动在图片上面，效果如果所示。

4、然后细调css的样式使它达到自己想要的效果，比如想让中间的S模糊。

5、最后预览下如下图所示，就完成了。