網(wǎng)頁(yè)設(shè)計(jì)代碼案例 用css網(wǎng)頁(yè)設(shè)計(jì)代碼怎樣把下面的幾排文字放到網(wǎng)頁(yè)的右邊的白色背景中去?
用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è)中的文本下劃下劃線。
2. 在測(cè)試.html在文件中,使用P標(biāo)簽創(chuàng)建一行文本,文本內(nèi)容為“this is the test text”。
3. 在測(cè)試.html在文件中,將P label的ID屬性設(shè)置為TT,主要用來(lái)通過(guò)這個(gè)ID設(shè)置P元素的CSS樣式
4。在測(cè)試.html文件中,寫入<style type=“text/CSS”></style>標(biāo)記,頁(yè)面的CSS樣式將寫入標(biāo)記中。
5. 在測(cè)試.html在文件中的CSS標(biāo)記中,CSS樣式由元素名定義。接下來(lái),CSS樣式將寫在花括號(hào)中。
6. 在CSS標(biāo)記中,將text decoration屬性設(shè)置為underline In curly braces,以實(shí)現(xiàn)文本加下劃線的效果。
7. 在瀏覽器中打開測(cè)試.html文件,查看實(shí)現(xiàn)效果。