当前位置: 网站建设 > 网页设计 > 建站经验 >

如何制作一个div+css静态页面

时间:2013-03-02 03:59来源:未知 作者:admin 点击:

标签:如何制作一个div+css静态页面 如何(201)DIV+CSS(51)看(2)页面(60)静态(7)一个(102)我们(51)制作(46)首先(10)
首先我们来看一下我们要做的页面的布局 咱们来看一下代码:!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无题目文档/title style type=text/css , 如何分析网站的退出率与跳出率 .main{ width:500px; margin:0 aut
如何制作一个div+css静态页面》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302340142013.htm

首先我们来看一下我们要做的页面的布局

咱们来看一下代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>,如何判断一个网页是否适合手机浏览;无题目文档</title>
<style type=",如何创建团购网站 都应该注意什么;text/css">
,如何分析网站的退出率与跳出率.main{ width:500px; margin:0 auto;}
.left{ width:100px; float:left; height:400px;}
.right{ width:390px; float:right; height:}
.right_one{ width:300px; float:left; height:400px;}
.right_two{ width:80px; float:right; height:400px;}
.clear{ clear:both;}
</style>
</head>

我们要做任何事件之前必定要有打算,设计页面同样如斯,下面我们来看一下如何制作一个静态页面,这里采取div+css方法制作

--> [网站建设之]如何制造一个div+css静态页面

我们能够发明这个页面由5个div组成,一个三列的页面,5个盒子进行排列

<body>
<div class="main">
<div class="left"></div>
<div class="right">
<div class="right_one">,如何分析竞争对手的网站;<,如何分析对手的网站;/div>
<div class="right_two"></div>
</div>
</div>
</body>
</html>
怎么样,经由上面的剖析后是不是看代码就感到很简略。那赶紧本人配上色去看看后果吧。

 

Tag:DIV   CSS   静态页面   DIV   CSS   静态页面  
(责任编辑:网站建设)
如何制作一个div+css静态页面相关文章
上一篇:如何判断一个网页是否适合手机浏览 下一篇:如何制作一个网站 做网站必备六步
回到顶部