css圆角样式制件代码示例(css设置圆角)

不是所有的故事都能成为你的眼睛里的色彩,因为岁月会淡化你的颜色。当你的人生路走得不平顺的时候,不要忘记了,你只是走过这条路而已,走过以后一切只能任时光处置。

复制代码
代码如下:

#boxes div { border: 2px solid black; padding: 10px; margin:5px; width:200px;text-align:center; background:#eee; }

复制代码
代码如下:

<div id="boxes">
<div style="-webkit-border-radius:15px;">
All sides
</div>
<div style="-webkit-border-bottom-left-radius:15px;-webkit-border-top-right-radius:15px;">
Opposite corners
</div>
<div style="-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;">
Top
</div>
<div style="-webkit-border-top-right-radius:15px;-webkit-border-bottom-right-radius:15px;">
Side
</div>
</div>

本文css圆角样式制件代码示例(css设置圆角)到此结束。要么读书,要么健身;一边养内,一边塑外;内美了自己,外养眼了别人。从此只有行动,没有抱怨的话。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
CSS3如何实现内凹圆角的实例代码

CSS3制作圆角图片和椭圆形图片

CSS3圆角边框和边界图片效果实例

border-radius以外的CSS圆角边框制作方法

CSS圆角边框制作指南与实例