『壹』 網頁在div中輸入文字的問題
指定DIV的寬度後,給DIV加上overflow:hidden;white-space:nowrap;
這兩個樣式就可以實現不自動換行,超出的div內容不會顯示出來
『貳』 怎樣使用div標簽
這個其實是利用CSS樣式實現的,比如在頁面上輸入以你像你所說的
<div id="top_ad"></div>
然後通過另一個*.css 文件編寫一個相應的css樣式如:
#top_ad {
background-image: url(file:///D|/photo/%E9%87%91%E5%B1%9E%E6%84%9F.jpg);<!--url後面跟隨的是圖片路徑-->
height: 500px;<!--div的高度屬性-->
width: 500px;
}
『叄』 HTML或者div怎麼實現在編輯框中可以自由輸入文字,添加圖片,鏈接等等
需要在相應的 DIV 中加入編輯器,算是一個插件,網上有 XHTML 等都可以用。
『肆』 用div怎樣製作網頁特效
啟動dreamweaver cs5,執行文件-新建命令,在彈出的新建文檔對話框選擇html文件,點擊創建按鈕。
網頁中如何使用div展示圖片效果
在標簽<title>無標題文檔</title>中修改名稱為<title>div布局圖片效果</title>。
網頁中如何使用div展示圖片效果
在<title>標簽下方輸入<style>相關的代碼,定義網頁的整體樣式,樣式直接影響著網頁的美觀程度。
網頁中如何使用div展示圖片效果
接著在<body>中輸入div標簽三個,並分別設置他們所屬於的類,最外邊的div設置類為db,中間兩個分別為zpxc1和zpxc,在下方就會看到基本的框架效果。
網頁中如何使用div展示圖片效果
外部的框架設計好之後,接著設計使用div布局圖片,書寫相應的代碼,設置div的尺寸大小和相關屬性,同時設計圖片的相關屬性。
代碼為:
div.pt img{margin:0px; height:220px; width:120px; margin-top:10px; border: 1px solid #333;}
div.pt{float:left; height:240px; width:140px; margin:6px; padding:0px; margin-top:10px; filter:light; background:#333; margin-left:0.8em;}
.pic{ float:right;}
在類為zpxc1的div中建立新的四個div,並設置img的 src屬性值,對圖片進行正確的鏈接。
按f12進行在瀏覽器中進行預覽效果,出現提醒信息「是否將改動保存到」,直接點擊是,找一個合適的位置進行保存。
接著在類為zpxc的div中輸入「作品展示」四個字,再次才看效果,如果不合適可進行再次修改。
如果圖片過多,可以修改類zpxc1和db的高度,反復修改直至合適為止,重復步驟6、7採用同樣的方法建立多個圖片div。
如果對「作品展示」四個字不滿意的話,可以使用圖片進行替換,達到滿意為止,再次按f12進行在瀏覽器中進行查看效果,
執行文件-另存為命令,在彈出的對話框中輸入名稱為「div布局圖片」,找到一個合適的位置進行保存即可。
『伍』 html 怎麼把網頁分塊,div
1、啟動dreamweaver cs5,在彈出的對話框窗口中選擇html,進入主界面編輯區域。
『陸』 如何用DIV+CSS進行網頁樣式布局
一、選擇「div標簽」命令
打開dreamweaver,新建網頁並保存為「die.html」,選擇【插入】【布局對象】【div標簽】命令,打開「div標簽」對話框。
二、輸入div標簽名稱
1、在「ID」列表框中選擇「top」
2、單擊「新建css規則」按鈕准備進行css規則定義
三、新建css規則
在打開的對話框中保持默認設置,單擊「確定」按鈕進行css規則新建。
四、設置屬性
1、在「分類」列表框中選擇「方框」選項。
2、在窗口右側進行css規則定義,其中margin值的設置非常重要,「left」及「right」為auto,則可讓div頁面水平居中。
3、單擊「確定」按鈕。
五、創建div按鈕
返回「插入div標簽」,單對話框,單擊「確定」按鈕,完成div標簽的插入
六、查看創建的div
將滑鼠游標定位在div,即可想編輯普通網頁一樣完成文本的編輯及圖像等內容的添加。