专注于互联网--专注于架构

 最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » css圆角代码:纯CSS实现圆角的代码 »正文

css圆角代码:纯CSS实现圆角的代码

来源: 发布时间:星期五, 2008年9月26日 浏览:1384次 评论:0

<html>
<head>
<title>css圆角效果</title>
<metahttp-equiv=\"content-type\"content=\"text/html;charset=gb2312\">
<styletype=\"text/css\">
div.RoundedCorner{background:#9BD1FA}
b.rtop,b.rbottom{display:block;background:#FFF}
b.rtopb,b.rbottomb{display:block;height:1px;overflow:hidden;background:#9BD1FA}
b.r1{margin:05px}
b.r2{margin:03px}
b.r3{margin:02px}
b.rtopb.r4,b.rbottomb.r4{margin:01px;height:2px}
</style>
</head>
<body>
<divclass=\"RoundedCorner\">
<bclass=\"rtop\"><bclass=\"r1\"></b><bclass=\"r2\"></b><bclass=\"r3\"></b><bclass=\"r4\"></b></b>

无图片实现圆角框
<br>fdsafdsa<br>
fdsafds


<bclass=\"rbottom\"><bclass=\"r4\"></b><bclass=\"r3\"></b><bclass=\"r2\"></b>

<bclass=\"r1\"></b></b>
</div>
</body>
</html>

标签：css圆角边框 css圆角 css实现圆角 css圆角代码

相关文章

读者评论

发表评论

  • 昵称：
  • 内容：

热门标签

精华推荐

Dig排行

阅读排行

最新文章