导航:首页 > 万维百科 > 网页设计多个div

网页设计多个div

 发布时间：2020-12-22 06:07:28

1、网页设计 DIV

差不多了  你把图片自己加上就可以了

  <!DOCTYPE HTML>  
    <html>  
    <head>  
    <style type="text/css"> 
      body{background:#000;font-size:12px;}
 .header_box{width:700px;height:50px;background:#fff;filter:alpha(opacity:50);opacity:0.5;-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
     .header_box a,.header_box a i{display:inline-block;*display:inline;*zoom:1;line-height:50px;color:#555}
 .header_box a i{border:1px solid red;float:left;margin-top:15px;margin-right:5px;}
 .header_box .span1{padding-right:20px;}
 .header_box .span2{padding-right:200px;}
 .header_box .span3{padding-right:20px;}
 .header_box .span1 i{width:20px;height:20px;background:url(../images/email.png) no-repeat;}
 .header_box .span2 i{width:20px;height:20px;background:url(../images/phone.png) no-repeat;}
 .header_box .span3 i{width:20px;height:20px;background:url(../images/login.png) no-repeat;}
 .header_box .span4 i{width:20px;height:20px;background:url(../images/account.png) no-repeat;}
   </style>  
    </head>  
<body>
<div class="header_box">
    <a href="#" class="span1"><i></i>[email protected]</a>
    <a href="#" class="span2"><i></i>0423656655</a>
    <a href="#" class="span3"><i></i>Login</a>
    <a href="#" class="span4"><i></i>Create an account</a>
</div>
</body>
</html>

2、网页设计div？

右边那个浮动的时候是不是不在你的宽度为960的盒子的控制范围内？如果是 的话把它放回去就可以了啊

3、网页制作使用div时如何在一个表格里制作多个不同的表格

如果你说是想要用表格做成那种效果的话，合并就行了，cellspaction（应该拼错了，去w3school查查看表格合并）再加上css样式来控制就可以了。

其实完全不用那么麻烦，直接用div+css就可以实现的。

4、web网页设计时怎样使两个div标签并排?

你说的是横向把两个div并排还是竖向？
我想你应该说的是横向让两个div并排，那么设置第一个div标签或者两个div标签的CSS为{ float:left }
就可以了！

5、网页设计中绘制AP div用的多不多？一般网页设计是用绘制ap div布局的吗？

绘制ap div 这个相当于是初学的时候一种辅助工具。实际后期不会这么用的。

6、求一个网页制作高手用div+css做一个网页布局 急 谢谢！！！！！！！！！！！

<!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>
<style type="text/css">
#containt{ height:530px; width:400px; margin:0 auto; border:1px solid #000000;}
#top{ height:100px; width:380px; margin-top:7px; margin-left:9px;}
#top_left{ height:100px; width:138px; float:left; border:1px solid #000000; border-right:none;}
#top_right{ height:100px; width:238px; float:left; border:1px solid #000000;}
#content{ height:50px; width:380px; margin-top:5px; margin-left:9px; border:1px solid #000000;}
#bottom{ height:350px; width:380px; margin-top:5px; margin-left:9px;}
#bom_left{ height:350px; width:138px; float:left; border:1px solid #000000;}
#bom_right{ height:350px; width:235px; float:left; border:1px solid #000000; margin-left:3px;}
.b_r_div{ height:100px; width:68px; margin-left:6px; float:left; margin-top:5px; border:1px solid #000000;}
#b_r_bottom{ height:120px; width:225px; margin-left:5px; float:left; margin-top:5px; border:1px solid #000000;}
</style>
</head>
<body>
<div id="containt">
<div id="top">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
<div id="content"></div>
<div id="bottom">
<div id="bom_left"></div>
<div id="bom_right">
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div id="b_r_bottom"></div>
</div>
</div>
</div>
</body>
</html>

7、网页设计div？

DIV (标鉴）+ CSS (层叠样式表)是网站标准（或称“Web标准”) 中的常用术语之一，通常为了说明与HTML网页设计语言中的表格 (Table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV + CSS的方式实现各种定位。使用DIV + CSS设计网站对SEO的影响是显而易见的，由于结构简单，且符合标准

8、怎样做一个含有3个页面以上的网页制作，要求里面有div,css之类的东西。

3个 以上页面copy 也就是俗称的企业站，首页 列表页 内容页，估计你就是用来做作业什么的，在网上找找 企业站模板什么的资料 看看样式，然后div布局 首页展示些图片列表 导航什么的，列表页面就是list列表，有导航 主要是 新闻标题之类的列表，然后 点击标题 跳转到文章页，就是标准的企业站，3个页面，多的 也就是 列表和文章什么的样式不同

、附 两个以前做的 简单 列表文章页

与网页设计多个div相关的知识