日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

人机交互实验3

發布時間：2024/4/17 编程问答 23 豆豆
生活随笔 收集整理的這篇文章主要介紹了 人机交互实验3 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.


<!--橫向-->
<html>
<head>

<style type="text/css">
body{background-color:grey;
text-align:center;
margin:0;
padding:0;}
#wrapper{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:white;}
/***********/
#footer{background:black;
color:white;
height:80px;
line-height:80px;
font-size:1.5em;
text-align:center;
clear:both;}
#content{background:yellow;
width:500px;
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:150px;
line-height:2em;
border-bottom:solid white 1px;
text-indent:5px;
}
#mainNav ul a:hover{background:#bbbbbb;
color:white;}
</style>

</head>
<body>

<div id="wrapper">
<div id="branding">
<div>北京聯合大學</div>
<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="content">
內容<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><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>
</div>


</body>
</html>


<!--雙列布局-->
<html>
<head>

<style type="text/css">
body{background-color:grey;
text-align:center;
margin:0;
padding:0;}
#wrapper{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:80px;
line-height:80px;
font-size:1.5em;
text-align:center;
clear:both;}
#content{background:yellow;
width:619px;
float:right;}
#mainNav{
width:180px;
float:left;}
</style>

</head>
<body>

<div id="wrapper">
<div id="branding">
北京聯合大學
</div>
<div id="content">
內容<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><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>
</div>


</body>
</html>

轉載于:https://www.cnblogs.com/zongqingyu/p/8013063.html

總結

以上是生活随笔為你收集整理的人机交互实验3的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。