用css網(wǎng)頁(yè)設(shè)計(jì)代碼怎樣把下面的幾排文字放到網(wǎng)頁(yè)的右邊的白色背景中去？HTML:<div class=“box”><div class=“l(fā)eft”> left</div>&l

用css網(wǎng)頁(yè)設(shè)計(jì)代碼怎樣把下面的幾排文字放到網(wǎng)頁(yè)的右邊的白色背景中去？

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ì)于特殊情況，請(qǐng)執(zhí)行

1。創(chuàng)建一個(gè)名為測(cè)試.html，用于解釋CSS如何在網(wǎng)頁(yè)中的文本下劃下劃線(xiàn)。

2. 在測(cè)試.html在文件中，使用P標(biāo)簽創(chuàng)建一行文本，文本內(nèi)容為“this is the test text”。

3. 在測(cè)試.html在文件中，將P label的ID屬性設(shè)置為T(mén)T，主要用來(lái)通過(guò)這個(gè)ID設(shè)置P元素的CSS樣式

4。在測(cè)試.html文件中，寫(xiě)入<style type=“text/CSS”></style>標(biāo)記，頁(yè)面的CSS樣式將寫(xiě)入標(biāo)記中。

5. 在測(cè)試.html在文件中的CSS標(biāo)記中，CSS樣式由元素名定義。接下來(lái)，CSS樣式將寫(xiě)在花括號(hào)中。

6. 在CSS標(biāo)記中，將text decoration屬性設(shè)置為underline In curly braces，以實(shí)現(xiàn)文本加下劃線(xiàn)的效果。

7. 在瀏覽器中打開(kāi)測(cè)試.html文件，查看實(shí)現(xiàn)效果。

【網(wǎng)頁(yè)設(shè)計(jì)】如何通過(guò)代碼添加水平線(xiàn)（下劃線(xiàn)）？

原因分析：1、左：網(wǎng)頁(yè)瀏覽器兼容性不好，用不同的瀏覽器，有的會(huì)顯示正常，有的會(huì)顯示錯(cuò)位。

2，字體混亂：瀏覽器有代碼設(shè)置。右鍵單擊以選擇要測(cè)試哪種代碼合適的代碼。錯(cuò)誤的編碼將導(dǎo)致亂碼文本。三。網(wǎng)卡。檢查一下。解決方法：點(diǎn)擊〖視圖〗－〖插件欄〗－〖擴(kuò)展中心〗－〖擴(kuò)展中心設(shè)置〗按鈕，全部刪除即可。

為什么網(wǎng)頁(yè)打開(kāi)是靠左一排文字？

最簡(jiǎn)單的方法是在文本所在的標(biāo)簽上添加一個(gè)填充頂部，并使用頂部填充方法模擬文本向下對(duì)齊的效果。如果不想使用這種方法，還有更復(fù)雜的實(shí)現(xiàn)手段。假設(shè)上面的HTML代碼是這樣的：

那么它可以這樣定義css.頁(yè)腳{ 高度：100px位置：相對(duì)}.center{位置：絕對(duì)底部：0文本-對(duì)齊：居中}對(duì)文本進(jìn)行絕對(duì)定位，以便其父元素可以向下對(duì)齊，而不考慮其高度。