纯css实现无图圆角矩形块！-IT技术精粹[JiShuBu.Com]-倾力打造一流IT技术平台！

IT技术精粹[JiShuBu.Com]-倾力打造一流IT技术平台！

纯css实现无图圆角矩形块！

您现在正在浏览：首页 > CSS >

纯css实现无图圆角矩形块！

作者：　发布时间：2008-02-20 12:46:50　来源：

<html>
<head>
<title>css圆角效果--网页教学网</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<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>
无图片实现圆角框
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>

【评论】【加入收藏夹】【大中小】【打印】【关闭】

※ 相关信息

·利用AJAX技术实现网页无刷新进度条显示 (2008-02-15 23:23:23)

·实现innerHTML中javascript的运行,从而使的页面各个模块间更好的交互,和数据共享 (2008-01-28 17:59:01)

·第四章 asp网络编程---ASP中实现分页显示的七种武器 (2008-01-19 18:00:51)

·实现innerHTML中javascript的运行,从而使的页面各个模块间更好的交互,和数据共享 (2008-01-19 16:20:40)

·asp实现语音上传 (2008-01-16 22:43:04)

·在AJAX程序中实现互斥揭秘 (2008-01-13 21:23:05)

·报纸与互联网合纵连横能否实现“1+1>2” (2008-01-13 21:18:59)

·第四章 asp网络编程---用ASP实现网页BBS (2008-01-10 22:24:00)

·第四章 asp网络编程---用ASP编程实现网络内容快速查找 (2008-01-10 22:22:02)

·JavaScript/JS实现标题栏跑马灯 (2008-01-08 17:53:24)

发表评论

用户名:	密码:
验证码:	匿名发表

文章搜索

[添加文章] [管理文章]

最新技术文档

·十天学会PHP之基础知识

·十天学会PHP之流程控制

·十天学会PHP之构建数据库

·十天学会PHP之连接数据库

·echo和print 的区别

·PHP生成随机字符串

·PHP取得文件后缀

·正则表达式经验谈

·PHP的Cookie技术介绍

·PHP数组排序

技术文档排行榜

·天气预报小偷，根据IP自动判断地址

·超经典计算机使用问题105答

·'AjaxPro'未定义错误的原因&javascript顺

·[初学者必读]网页制作之HTML基础知识

·DIV&CSS打造自动伸展三栏复合布局

·CSS网页布局入门教程：下拉及多级弹出式菜单

·阿里妈妈广告的投放技巧

·谁是网页浏览器引擎速度真正王者

·JavaScript：世界上误解最深的语言

·几种常用禁止修改输入框的方法