网页设计
<html>
<head>
<style type="text/css">
div.a1{width:60%;margin:0;background-color:"#dcd2f6";
border:3px solid gray;color:#333;line-height:130%;}
div.a2{padding:0.5em;background-color:#ddd;border-bottom:1px solid gray;}
h1{padding:0;margin:0;}
div.a3{width:160px;margin:0 0 0 0;padding:1em;float:left;}
div.a4{margin-left:200px;border-left:1px solid gray;padding:2.5em;
max-width:40em;}
h2{margin:0 0 0.5em 0;}
div.a5{clear:both;margin:0;padding:0.5em;color:#333;
background-color:#ddd;border-top:1px solid gray;}
p{margin:0;padding:0;}
</style>
<body background="2.jpg"><center>
<div class="a1">
<div class="a2">
<h1>这里是标题广告区</h1>
</div>
<div class="a3">
<ul>
<li><a href="#">菜单1</a></li>
<li><a href="#">菜单2</a></li>
<li><a href="#">菜单3</a></li>
</ul>
</div>
<div class="a4">
<h2>这里是标题</h2>
<p>这里是主要内容区</p>
<p>·······</p>
</div>
<div class="a5">
<p>这里是页脚区</p>
</div>
</div>
</body>
</html>
分享
QQ空间
豆瓣网能力秀动态
■为期9年共举办18期的大学生网络营销能力秀活动已圆满结束（2009-2018）。能力秀——网络营销开始的地方！祝所有秀友前程似锦！向所有网络营销老师、所有支持能力秀活动的人员和机构、所有为能力秀活动付出辛勤努力的工作人员们表示衷心的感谢并致以崇高的敬意！