html網(wǎng)頁設(shè)計(jì)代碼 用css網(wǎng)頁設(shè)計(jì)代碼怎樣把下面的幾排文字放到網(wǎng)頁的右邊的白色背景中去?
用css網(wǎng)頁設(shè)計(jì)代碼怎樣把下面的幾排文字放到網(wǎng)頁的右邊的白色背景中去?HTML:<div class=“box”><div class=“l(fā)eft”> left</div>&l
用css網(wǎng)頁設(shè)計(jì)代碼怎樣把下面的幾排文字放到網(wǎng)頁的右邊的白色背景中去?
HTML:<div class=“box”><div class=“l(fā)eft”> left</div><div class=“right”> right</div></div>css:.框{ 寬度:1000px溢出:hidden}.左{浮動(dòng):左寬度:200px}。右{浮動(dòng):右寬度:790px}通常,有多個(gè)方法可以向左浮動(dòng),向右浮動(dòng),然后清除父框。針對(duì)具體情況,我們需要使用text align屬性來控制HTML圖像對(duì)齊main 2113:text align值主要分為:5261左對(duì)齊4102、中對(duì)齊、右對(duì)齊;首先,打開編輯軟件,新建HTML文件,創(chuàng)建區(qū)域,使用div引入CSS樣式。這里,寬度顯示為100%,高度顯示為100%高度:自動(dòng)進(jìn)入為了與整個(gè)網(wǎng)頁區(qū)分開來,在區(qū)域中增加了一個(gè)背景色:背景色:#999,便于理解;2、設(shè)置好后,檢查網(wǎng)頁瀏覽效果;圖片是否對(duì)齊:如下圖所示,展開:方法不是唯一的。您也可以將圖片放入p標(biāo)簽或div中,使p或div標(biāo)簽向左浮動(dòng)浮動(dòng):左或右右對(duì)齊;顯示相同的效果