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