• 技术文章 >web前端 >前端问答

    css怎么设置div大小

    藏色散人藏色散人2021-04-09 14:46:15原创93

    在css中可以通过设置div的宽度和高度来控制div大小,其设置方法:首先创建一个HTML示例文件;然后通过width属性设置div的宽度;最后通过height属性设置div的高度即可。

    本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

    width属性设置元素的宽度;height属性设置元素的高度。这两个属性定义元素内容区的宽度和高度,在内容区外面可以增加内边距、边框和外边距。

    行内非替换元素会忽略width属性和height属性。

    width属性和height属性的属性值:

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <style>
    div{
    margin-top: 20px;
    }
    .div1{
    background-color: pink;
    }
    .div2{
    width: 200px;
    height: 100px;
    background-color: palegoldenrod;
    }
    .div3{
    width: 400px;
    height: 200px;
    background-color: powderblue;
    }
    </style>
    </head>
    <body>
    <div class="div1">未定义大小的div,自适应</div>
    <div class="div2">定义大小的div,宽200px,高100px</div>
    <div class="div3">定义大小的div,宽400px,高200px</div>
    </body>
    </html>

    效果图:

    69ae50e02ca1a3c87000cd14020bec0.png

    【推荐学习:css视频教程

    以上就是css怎么设置div大小的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css设置文字删除线 下一篇:css怎么设置右对齐
    第15期线上培训班

    相关文章推荐

    • css怎么设置table颜色• css属性是什么• CSS如何设置div水平居中• css怎么取消颜色• css设置文字删除线

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网