用DIV+CSS编写出的网页中的圆角矩形
来源:cz268.com 时间:2007-10-14 16:03:00
用CSS+DIV编写的实现在网页中显示圆角矩形的代码!希望对大家有用!谢谢支持!
以下为CSS代码:
<style>
div.bg{background:#ffc20e;width:50%}
b{display:block;}
/*将所有B标签转成块级元素*/
div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#ffc20e;}
/*div标签内类名为topb/bottomb的那个b标签的css属性值--高为1px,溢出部份隐藏,背景色同div.bg的背景色*/
div b.topb,div b.bottomb{ background-color:white}
/*div标签内类名为topb/bottomb的背景色要与body背景色一致*/
b.t1{margin:0 5px}
/*标签margin值将决定溢出的多少值被隐藏*/
b.t2{margin:0 3px}
b.t3{margin:0 2px}
b.t4{margin:0 1px;height:2px;}
</style>
<div align="center">
<div class="bg">
<b class="topb"><!--**此b标签所包含的b标签要进行溢出隐藏**-->
<b class="t1"></b>
<b class="t2"></b>
<b class="t3"></b>
<b class="t4"></b>
</b>
<br />
这个代码是从互联网收集整理所得, 谢谢支持!
<br />
<br />
<b class="bottomb">
<b class="t4"></b>
<b class="t3"></b>
<b class="t2"></b>
<b class="t1"></b>
</b>
</div>
</div>
标签:圆角,css,div
0
投稿
猜你喜欢
VMware中Linux共享mysql数据库
2010-10-25 20:29:00
一个不错网速测试代码
2008-07-20 13:41:00
如何做一个只搜索本网站的引擎?
2010-07-12 19:02:00
sqlserver数据库迁移后,孤立账号解决办法
2011-10-24 20:01:40
asp下查询xml的实现代码
2011-04-19 10:37:00
《设计网事》前言
2009-07-15 17:19:00
利用SQL Server复制技术实现数据同步更新
2009-10-23 14:11:00
MySQL 集群配置
2009-04-20 14:15:00
土豆网前端概况
2008-01-24 12:06:00
ASP中ServerVariables集合用法详解
2007-09-14 10:26:00
用 onerror 获取错误信息 js Debug
2008-11-03 19:08:00
全国哀悼日 建议站点换素装(附代码)
2008-05-19 12:05:00
SQL Server管理 这些你懂吗?
2011-07-01 13:40:23
DateDiff函数在Sql与Access中的区别
2009-06-04 18:02:00
MySQL 重装笔记
2011-02-23 12:22:00
Flash如何连接Mysql
2010-11-11 11:57:00
如何调用SQL Server的存储过程?
2009-11-15 20:15:00
扫盲大讲堂:SQL查询结果集对注入的影响及利用
2009-09-05 09:49:00
Dojo Style Javascript 编程规范
2007-10-25 17:24:00
在asp中用集合成批操作数据库
2008-03-10 17:22:00