5

最新推荐文章于 2023-01-19 20:05:51 发布

weixin_30457465

最新推荐文章于 2023-01-19 20:05:51 发布

阅读量52

点赞数

原文链接：http://www.cnblogs.com/1234567890a/p/8043261.html

版权

<html>
<head>
   <style type='text/css'>
       body{background:gray;
            text-align:center;
            margin:0;
            padding:0;}
       #wapper{background:white;
               width:800px;
               margin:0 auto;
               text-align:left;}
       #branding{background:#aaaaaa;
                 height:120px;
                 line-height:120px;
                 font-size:2em;
                 text-align:center;}
       #footer{background:black;
               color:white;
               height:80;
               line-height:80px;
               font-size:1.5em;
               text-align:center;
               clear:both;}
       #content{background:yellow;
                width:519px;
                float:right;
                }
       #mainNav{
                width:180px;
                float:left;}
       #mainNav ul{list-style:none;
                   margin:0;
                   padding:0;}
       #mainNav ul a{text-decoration:none;
                     background:black;
                     color:white;
                     display:block;
                     width:150;
                     line-height:2em;
                     border-bottom:solid white 1px;
                     text-indent:2em;
                     }
       #mainNav ul a:hover{background:#bbbbbb;
                           color:black;}
       #content2{
                 width:100px;
                 float:right;}
   </style>
</head>
<body>

<div id='wapper'>
   <div id='branding'>
         北京联合大学
   </div>
   <div id='content2'>
   ad
   </div>
   <div id='content'>
         内容<br/><br/><br/><br/><br/><br/><br/>
         <br/><br/><br/><br/><br/><br/><br/>
   </div>
   <div id='mainNav'>
       <ul>
            <li><a href='#'>智慧城市学院</a></li>
            <li><a href='#'>自动化学院</a></li>
            <li><a href='#'>旅游学院</a></li>
            <li><a href='#'>商务学院</a></li>
            <li><a href='#'>艺术学院</a></li>
       </ul> 
   </div>
   <div id='footer'>
          Copyright@buu.edu.cn
   </div>
</body>
</html>

<html>
<head>
   <style type='text/css'>
       body{background:gray;
            text-align:center;
            margin:0;
            padding:0;}
       #wapper{background:white;
               width:800px;
               margin:0 auto;
               text-align:left;}
       #branding{background:#aaaaaa;
                 height:120px;                
                 text-align:center;
                 position:relative;}
       #branding div{font-size:2em;
                     line-height:100px;}
/******************************************/

       #branding ul{list-style:none;
                   margin:0;
                   padding:0;
                   position:absolute;
                   right:0;
                   bottom:0;}
       #branding ul li{float:left;}
       #branding ul a{text-decoration:none;
                     background:black;
                     color:white;
                     line-height:2em;
                     border-right:solid white 1px;
                     padding:0 2em;
                     float:left;
                     }
       #branding ul a:hover{background:#bbbbbb;
                           color:black;}

/******************************************/
       #footer{background:black;
               color:white;
               height:80;
               line-height:80px;
               font-size:1.5em;
               text-align:center;
               clear:both;}
       #content{background:yellow;
                width:519px;
                float:right;
                }
       #mainNav{
                width:180px;
                float:left;}
       #mainNav ul{list-style:none;
                   margin:0;
                   padding:0;}
       #mainNav ul a{text-decoration:none;
                     background:black;
                     color:white;
                     display:block;
                     width:150;
                     line-height:2em;
                     border-bottom:solid white 1px;
                     text-indent:2em;
                     }
       #mainNav ul a:hover{background:#bbbbbb;
                           color:black;}
       #content2{
                 width:100px;
                 float:right;}
   </style>
</head>
<body>

<div id='wapper'>
   <div id='branding'>
       <div>北京联合大学</div>
       <ul>
            <li><a href='#'>秦欣琪</a></li>
            <li><a href='#'>2016080332069</a></li>
            <li><a href='#'>旅游学院</a></li>
            <li><a href='#'>商务学院</a></li>
            <li><a href='#'>艺术学院</a></li>
       </ul> 
   </div>
   <div id='content2'>
   ad
   </div>
   <div id='content'>
         内容<br/><br/><br/><br/><br/><br/><br/>
         <br/><br/><br/><br/><br/><br/><br/>
   </div>
   <div id='mainNav'>
       <ul>
            <li><a href='#'>智慧城市学院</a></li>
            <li><a href='#'>自动化学院</a></li>
            <li><a href='#'>旅游学院</a></li>
            <li><a href='#'>商务学院</a></li>
            <li><a href='#'>艺术学院</a></li>
       </ul> 
   </div>
   <div id='footer'>
          Copyright@buu.edu.cn
   </div>
</body>
</html>

<html>
<head>
   <script type='text/javascript'>
       /*alert('hello')*/
       /*confirm('alex')*/
       /*prompt()*/
       /*a=10
       b='ddddd'
       c=true*/
       /*var a;
       /*alert(typeof(a))*/
       a=prompt()
       b=prompt()
       c=a+b
       alert(c)*/
       '5'===5
   </script>
</head>
<body>
hello



</body>
</html>