導航:首頁 > 萬維百科 > 網頁設計多個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相關的知識