div+CSS圆角矩形
来源:互联网 发布:chroot 搭建linux系统 编辑:程序博客网 时间:2024/05/01 05:47
源码:
<!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" lang="gb2312">
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312" />
<title>div+CSS圆角矩形</title>
<style type="text/CSS">
body{padding: 20px;background-color: #FFF;font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
div#nifty{ margin: 0 10%;background: #9BD1FA}
p {padding:10px}
div.rtop, div.rbottom{display:block;background: #fFF}
div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
div.r1{margin: 0 5px}
div.r2{margin: 0 3px}
div.r3{margin: 0 2px}
div.rtop div.r4, div.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div id="nifty">
<div class="rtop">
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
</div>
<p>这是您要放的内容!</p>
<div class="rtop">
<div class="r4"></div>
<div class="r3"></div>
<div class="r2"></div>
<div class="r1"></div>
</div>
</div>
</body>
</hmtl>
- div+CSS圆角矩形
- 纯DIV+CSS制作圆角矩形
- DIV+CSS边框实现圆角矩形
- css+div实现圆角矩形代码总结
- 用div+css制作圆角矩形的原理
- div+css 画圆角矩形
- CSS 圆角矩形
- CSS圆角矩形
- CSS圆角矩形
- css 圆角矩形
- CSS圆角矩形生成器
- 纯CSS圆角矩形
- 纯css圆角矩形
- 反向css圆角矩形:
- css实现圆角矩形
- CSS做出圆角矩形
- CSS 圆角矩形块
- 用div实现圆角矩形
- 安全
- H264 获取SPS与PPS(附源码)
- 查看端口是否被占用
- Flash设备驱动程序
- 九宫格与广度优先搜索
- div+CSS圆角矩形
- mongodb__replica sets__整理
- 无线控制器+瘦AP架构对比胖AP优劣总结
- 编写一个C程序将一个文本的字符计算将字符个数输出到另一个文本文件(图)
- 浏览器是怎样工作的?
- 箴言
- 1.进入apache安装文件夹
- php中header无法跳转
- shell中,可以字符串相加吗?