css无图片实现圆角框
来源:互联网 发布:科创云大数据平台 编辑:程序博客网 时间:2024/06/11 14:02
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<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>
<br>无图片实现圆角框 <br> <br>
<br>无图片实现圆角框 <br> <br>
<br>无图片实现圆角框 <br> <br>
<br>无图片实现圆角框 <br> <br>
<br>无图片实现圆角框 <br> <br>
<br>无图片实现圆角框 <br> <br>
<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>
- CSS无图片实现圆角框
- css无图片实现圆角框
- 用CSS实现无图片圆角框
- 用CSS实现无图片圆角框
- 无图片纯css实现圆角框
- div+css无图片实现带背景圆角框
- div+css无图片实现不带背景圆角框
- 利用CSS实现按钮效果(无图片)
- CSS无图片实现小三角
- CSS+JS实现图片无缩放旋转
- 无图片纯css实现中国象棋棋子
- CSS无图片实现小三角
- 无图片实现圆角框
- CSS无图片技术
- 分享用CSS实现无图片圆角效果
- css实现无图片三角形垂直导航条
- CSS圆角表格的实现-无图片
- 无图片,用css border实现尖三角
- 文件上传方法
- Posix多线程编程(3)—信号灯(量)
- ubuntu下查看CHM的软件
- 关于C语言中函数调用和参数传递机制的探讨
- SQL Server 2005的同步复制技术
- css无图片实现圆角框
- 自制按钮
- 商人应把利放在第二位 第一位放的该是啥?
- sql: where 中 case
- 动态显示控件
- DirectShow开发快速入门之慨述
- VC快捷键大全
- 创建完全可编辑的 DataGrid
- php error_log