联系

点击这里立即发消息给我

E_mail: 3156583381@qq.com

条码二维码软件列表
其他软件列表导航
登录
用户:
密码:
 

站点日历
73 2018 - 1 48
 123456
78910111213
14151617181920
21222324252627
28293031




日志搜索

 标题   内容

联系

点击这里立即发消息给我

E_mail: 3156583381@qq.com


ASP查看文件夹里的所有文件 ASP自动入库(ACCESS数据库)电影的代码
晴天 CSS布局框架例子(冰峰七月原创)   [ 日期:2011-04-06 ]   [ 来自:本站原创 ]

css.css文件内容

/*基本设置*/
body {font:12px Tahoma;margin:0px;border:none;text-align:center;background:#FFFFFF;}

/*页面层容器*/
#container {width:860px;}

/*页面头部*/
#Header {width:860px;margin:0 auto;height:100px;background:#FFFFFF}
/*LOGO*/
#LOGO {float:left;width:180px;margin:0 auto;height:70px;overflow:hidden;border: 1px solid #B1C8D7;background:#FFFFFF}
#banner {float:right;width:670px;margin:0 auto;height:70px;overflow:hidden;border: 1px solid #B1C8D7;background:#FFFFFF}
/*菜单*/
#Menu {width:858px;margin:3px auto;height:28px;overflow:hidden;text-align:LEFT;border: 1px solid #B1C8D7;background:#FFFFFF}


/*页面中部一*/
#PageBody1 {width:860px;margin:2px auto;height:300px;background:#FFFFFF}
/*左边栏*/
#Page1Left {float:left;width:200px;margin:0 auto;height:300px;overflow:hidden;border: 1px solid #B1C8D7;background:#FFFFFF}
/*中间栏*/
#Page1midd {float:left;width:450px;margin:0 0 0 2px;height:300px;overflow:hidden;border: 1px solid #B1C8D7;background:#FFFFFF}
/*右边栏*/
#Page1Right {float:right;width:200px;margin:0 auto;height:300px;overflow:hidden;border: 1px solid #B1C8D7;background:#FFFFFF}

/*页面中部二*/
#PageBody2 {width:860px;margin:3px 0 0 0;height:600px;background:#FFFFFF}
/*左边栏*/
#Page2Left {float:left;width:654px;margin:0 auto;height:600px;overflow:hidden;border: 1px solid #B1C8D7;background:#FFFFFF}
/*右边栏*/
#Page2Right1 {float:right;width:200px;margin:0 auto;height:300px;overflow:hidden;border: 1px solid #B1C8D7;background:#FFFFFF}
#Page2Right2 {float:right;width:200px;margin:2px auto;height:300px;border: 1px solid #B1C8D7;background:#FFFFFF}

/*页面底部*/
#Footer {width:858px;margin:0 auto;height:60px;overflow:hidden;border: 1px solid #B1C8D7;background:#FFFFFF}


HTML页面内容:

<!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>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">

    <div id="Header">
        <div id="LOGO">LOGO</div>
        <div id="banner">广告</div>
        <div id="Menu">菜单</div>
    </div>


    <div id="PageBody1">
        <div id="Page1Left">中一左边内容</div>
        <div id="Page1midd">中一中间内容</div>
        <div id="Page1Right">中一右边内容</div>
    </div>
    <div id="PageBody2">
        <div id="Page2Left">中二左边内容</div>
        <div id="Page2Right1">中二右边内容1</div>
        <div id="Page2Right2">中二右边内容2</div>
    </div>

<div id="Footer">版权</div>

</div>
</body>
</html>

 



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