会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
龍峸
Asp.Net - jQuery
博客园
首页
新随笔
联系
管理
订阅
纯CSS实现圆角效果
<
html
>
<
head
>
<
title
>
css圆角效果
--
网站每日新
</
title
>
<
meta http
-
equiv
=
"
content-type
"
c
>
<
style type
=
"
text/css
"
>
div.RoundedCorner
{background: #9BD1FA}
b.rtop, b.rbottom
{display:block;background: #FFF}
b.rtop b, b.rbottom b
{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1
{margin:
0
5px}
b.r2
{margin:
0
3px}
b.r3
{margin:
0
2px}
b.rtop b.r4, b.rbottom b.r4
{margin:
0
1px;height: 2px}
</
style
>
</
head
>
<
body
>
<
div
class
=
"
RoundedCorner
"
>
<
b
class
=
"
rtop
"
><
b
class
=
"
r1
"
></
b
><
b
class
=
"
r2
"
></
b
><
b
class
=
"
r3
"
></
b
><
b
class
=
"
r4
"
></
b
></
b
>
<
br
>
无图片实现圆角框
<
br
><
br
>
<
b
class
=
"
rbottom
"
><
b
class
=
"
r4
"
></
b
><
b
class
=
"
r3
"
></
b
><
b
class
=
"
r2
"
></
b
><
b
class
=
"
r1
"
></
b
></
b
>
</
div
>
</
body
>
</
html
>
posted @
2008-02-14 18:13
龍峸.大卫
阅读(
293
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告