HTML5 div属性介绍

HTML5中的div标签是用来创建一个容器，用来放置其他HTML元素，可以通过给div添加属性来进行样式的修改。

HTML5 div常用的属性

下面是一些常用的HTML5 div属性：

div {
    background-color: #F5F5DC;
    width: 50%;
    height: 200px;
    border: 1px solid black;
    margin: 0 auto;
    padding: 20px;
}
    

这段CSS代码将把div的背景设为#F5F5DC（米色），宽度设置为页面宽度的一半，高度设置为200px，边框为1px黑色，水平居中，上下内边距均为20px。

HTML5 div属性的应用实例

下面是一个简单的HTML代码示例，用来演示如何使用div属性来进行样式的修改：

div class="mydiv">
    p>
    这是一个使用div属性的段落/p>
    /div>
    style>
.mydiv {
    background-color: #F5F5DC;
    width: 50%;
    height: 200px;
    border: 1px solid black;
    margin: 0 auto;
    padding: 20px;
}
    /style>
    

运行这段代码可以得到一个背景为#F5F5DC（米色）的div容器，容器内部有一个段落元素，段落的文本内容是“这是一个使用div属性的段落”。

总结

HTML5的div属性是用来创建一个带样式的容器的，通过CSS代码对div进行样式的修改即可实现各种不同的展示效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！