課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
如果要用div橫排分欄的話應(yīng)該怎么設(shè)置呢？
2020-08-07
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 2-5
正在回答
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>div標(biāo)簽</title>
? ? <style>
? ? ? ? div{
? ? ? ? ? ? border:2px solid red;
? ? ? ? }
? ? </style>
</head>
<body>
? ? <div style="width:300px;height:500px;?float:left">
? ? <h2>熱門課</h2>
? ? <ol>
? ? ? ? <li>前端開發(fā) </li>
? ? ? ? <li>零基礎(chǔ)學(xué)習(xí)</li>
? ? ? ? <li>javascript</li>
? ? </ol>
? ? </div>
? ??
? ? <h2>最新課程排行</h2>
? ? ? ? <li>版本管理工具介紹 </li>
? ? ? ? <li>Canvas繪圖詳解</li>
? ? ? ? <li>5.0側(cè)滑菜單</li>
</body>
</html>
//CSS float屬性可以讓內(nèi)容浮動(dòng)在指定位置。float：left讓板塊按左浮動(dòng)排列。
//全屏可以看到代碼效果。
慕粉15771210466
使用CSS float屬性可以進(jìn)行設(shè)置。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答請(qǐng)問盒子1和盒子2,如果分開設(shè)置參數(shù),應(yīng)該怎么做?
6 回答兩個(gè)div為什么是上下排列不是橫向排列呢？
4 回答那請(qǐng)問要怎么設(shè)置css才會(huì)顯示成側(cè)邊欄呢
3 回答相對(duì)定位：之前的位置應(yīng)該怎么設(shè)置
3 回答我感覺我怎么做都是錯(cuò)的，不應(yīng)該用</div>嗎？</div要寫嗎>
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2020-08-07
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>div標(biāo)簽</title>
? ? <style>
? ? ? ? div{
? ? ? ? ? ? border:2px solid red;
? ? ? ? }
? ? </style>
</head>
<body>
? ? <div style="width:300px;height:500px;?float:left">
? ? <h2>熱門課</h2>
? ? <ol>
? ? ? ? <li>前端開發(fā) </li>
? ? ? ? <li>零基礎(chǔ)學(xué)習(xí)</li>
? ? ? ? <li>javascript</li>
? ? </ol>
? ? </div>
? ??
? ? <div style="width:300px;height:500px;?float:left">
? ? <h2>最新課程排行</h2>
? ? <ol>
? ? ? ? <li>版本管理工具介紹 </li>
? ? ? ? <li>Canvas繪圖詳解</li>
? ? ? ? <li>5.0側(cè)滑菜單</li>
? ? </ol>
? ? </div>
</body>
</html>
//CSS float屬性可以讓內(nèi)容浮動(dòng)在指定位置。float：left讓板塊按左浮動(dòng)排列。
//全屏可以看到代碼效果。
2020-08-07
使用CSS float屬性可以進(jìn)行設(shè)置。