CSS3_圆角边框border-radius

HTML5+CSS3 6736 0 2013-10-20

CSS3 圆角边框
在 CSS2 中添加圆角矩形需要技巧。我们必须为每个圆角使用不同的图片。
在 CSS3 中，创建圆角是非常容易的。
在 CSS3 中，border-radius 属性用于创建圆角：

实例：
样式代码

div#hilo8_radius
{
width:300px;
background-color:#EEE;
padding:10px;
text-align:center;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}

HTML代码

<div id="hilo8_radius">这是个圆角边框DIV</div>

效果：

这是个圆角边框DIV

上一篇：jquery mobile 给按钮添加图标 data-icon

下一篇：CSS3_边框阴影box-shadow

讨论数量：1

天涯网魂 3 杠 5 星2013-10-20 22:42:56

效果图：

请先登录再发表讨论。 2024-11-24

登录注册

哈喽吧勤记录 • 懂分享

CSS3_圆角边框border-radius

天涯网魂 3 杠 5 星2013-10-20 22:42:56

请先登录再发表讨论。 2024-11-24