联系

点击这里立即发消息给我

加腾讯QQ:211812590
E_mail: 211812590@qq.com

条码二维码软件
实用工具软件

站点日历
73 2018 - 4 48
1234567
891011121314
15161718192021
22232425262728
2930




日志搜索

 标题   内容

联系

点击这里立即发消息给我

E_mail: 211812590@qq.com


ASP自动入库(ACCESS数据库)电影的代码 ASP数据库连接方法语法总结
晴天 圆角层布局的实例(转)   [ 日期:2011-04-06 ]   [ 来自:本站原创 ]

<!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>
<title>圆角布局的实例</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
/*注:这里的"b"元素,不是HTML的"b"标签,只相当于一个普通DIV*/
body{
margin:20px 10px;
background-color: #FFF;
font:12px;
}
#vessel{/*容器DIV*/
width:800px;
background: #9BD1FA
}
b.rtop, b.rbottom{/*圆角矩形顶部和底部设置块状显示及背景颜色*/
display:block;
background: #fff;
}
b.rtop b, b.rbottom b{/*设置顶部和底部组成圆角的各元素块状显示和高度为1像素,及背景颜色,overflow为了适应IE6*/
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="vessel">
<b class="rtop">
   <b class="r1"></b>
   <b class="r2"></b>
   <b class="r3"></b>
   <b class="r4"></b>
</b>
源码爱好者(CoreFans.net)提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等,做有质量的学习型源码下载站。在浏览器IE6,IE7,FF,Chrome浏览器下测试通过。
<b class="rbottom">
   <b class="r4"></b>
   <b class="r3"></b>
   <b class="r2"></b>
   <b class="r1"></b>
</b>
</div>
</body>
</html>



在本网站提供显示的任何文字内容及图片仅供学习研究参考之用,若有觉的侵犯了您的合法权益,请联系删除!
Copyright@zg126.net all rights reserved 2010-2016