04 youtube官網網頁版設置背景為圖片添加標題怎么設置(怎么設計css布局怎么設計css布局圖)

时间:2024-05-02 23:13:07 编辑: 来源:

化,如果P和A都是一樣的背景色,那么當B變化時,由于P的高度變化,A自然看起來是高度自適應了。然而當A變化時,雖然P高度也隨之變化了,但是由于P與A的背景色一致,因此B卻沒有任何變化。這樣一來,買粉絲就能夠成功地實現居中了。

買粉絲怎么把網頁分塊,p?

1、啟動dreamweavercs5,在彈出的對話框窗口中選擇買粉絲,進入主界面編輯區域。2、接著對網頁的整個布局在草紙上繪制下來,做到心中有數,主要分成那幾個模塊。主要有腳注、菜單導航、主體、導航條四大部分。3、接著點擊設計進入設計狀態,在代碼區域書寫整體框架的css,即#ztkj{width:80%;boder:1pxsolid#000000;height:800px;}在body里添加

即可在下面看到整體框架。4、接著在書寫導航條代碼,即#dht{ padding:10px;boder:1pxsolid#000000;background-買粉絲lor:#a2a2ff;}在第一個p中輸入,查看效果變化。5、書寫主體內容的代碼,即#ztnr{ float:left;width:60%;height:600px;boder:1pxsolid#000000;text-align:center;margin-light:10px;margin-left:10px;}在整體框架中輸入

主體內容

,查看效果6、書寫菜單導航代碼#cddh{ float:right;margin-right:10px;width:35%;boder:1px#a2a2ff;height:600px;}接著在整體框架中輸入代碼

菜單導航

7、書寫腳注的代碼#jz{ padding:10px;boder:3px#a2a2ff;text-algin:center;clear:both;margin-top:20px;}在整體框架中輸入代碼

腳注

查看效果。8、這樣大體框架就制作出來了,按f12進行查看效果,效果不好需要進一步修改代碼。把邊框設置出來,把所有的boder進行修改為border:solid5px#fcc;9、由于整個框架不在中間位置,需要修改讓其居中對齊,所以要在ztkj中添加一條語句margin:買粉絲;10、這樣整個框架就出來,在實際的使用過程中要根據自己的需要進一步調整,執行文件-另存為命令,將網頁保存就完成了。

搜索关键词: