圆角div
来源:互联网 发布:黄金分析软件 编辑:程序博客网 时间:2024/05/21 22:56
<html>
<title>经典的蓝色CSS下拉菜单</title>
<head>
<style type="text/css">
body{padding: 20px;background-color: #FFF;}
div#nifty{ margin: 0 20%;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 id="nifty">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div style="height:200px;">
</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</div>
</body>
</html>
<title>经典的蓝色CSS下拉菜单</title>
<head>
<style type="text/css">
body{padding: 20px;background-color: #FFF;}
div#nifty{ margin: 0 20%;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 id="nifty">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div style="height:200px;">
</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</div>
</body>
</html>
- Div 圆角
- 圆角div
- 圆角div
- 圆角div
- 圆角div
- DIV 圆角
- 圆角div
- DIV圆角
- 圆角div
- 圆角DIV
- 圆角div
- (div+css) div圆角
- div圆角div、带阴影、另一个div右上角显示
- Css设计div圆角
- 圆角div css样式
- DIV 圆角 JQuery
- css实现div圆角
- css div 圆角
- [原创]一起来做网页游戏---前言
- Svchost.exe进程详解及Svchost.exe病毒清除方法
- EssentialC++ STL容器一道小习题
- Android提高十六篇之使用NDK把彩图转换灰度图
- JSP指令和JSP动作的区别
- 圆角div
- 关于程序员的几个笑话
- 民生银行2013年暑期实习生笔试编程题
- Zend Studio 9.0.3 支持 phpunit
- const参数,const返回值与const函数
- 9 个开始使用 C++11 的理由
- poj 1459 最大流问题
- 40岁以上的程序员该怎么办?年龄不是问题
- 移植Linux内核到mini2440常见问题