如果要用div横排分栏的话应该怎么设置呢?

来源:2-5 我还想diy点样式- 使用<div>标签自定义块

qq_BetterMan_31

2020-08-07 09:25

如果要用div横排分栏的话应该怎么设置呢?

写回答 关注

2回答

  • 福尔摩斯的邻居
    2020-08-07 13:00:53

    <!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让板块按左浮动排列。

    //全屏可以看到代码效果。


    慕粉1577...

    下面的div里的style可以写在head里吧?

    2021-01-11 16:39:21

    共 1 条回复 >

  • 福尔摩斯的邻居
    2020-08-07 12:56:41

    使用CSS float属性可以进行设置。

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225813 学习 · 18234 问题

查看课程

相似问题