温馨提示×

html怎么设置div背景颜色

清风
3303
2021-03-24 19:20:16
栏目: 编程语言

html设置div背景颜色的方法:1.创建html文件;2.添加html架构代码到html文件中;3.在html架构中的body标签里面使用div标签设置一个div盒子;4.在html架构中的html标签里面添加script标签并设置背景颜色;5.通过浏览器方式查看设置效果。

html怎么设置div背景颜色

html设置div背景颜色的方法:

通过设置“左右margin”值为“auto”来实现居中。

操作步骤:

1.首先创建一个html文件。

2.将html架构代码添加到html文件中。

<!DOCTYPE html>

<html>

    <head>

        <title>div背景颜色示例</title>

    </head>

    <body>

    </body>

</html>

3.在html架构中的body标签里面使用div标签设置一个div盒子。

<div>背景颜色</div>

4.在html架构中的html标签里面添加script标签并设置背景颜色样式。

<style>

        div{

            width:100%;    /*定宽*/

            background-color: royalblue;    /*设置背景颜色*/

    </style>

5.最后可通过浏览器方式阅读html文件查看设置效果。

完整示例代码:

<!DOCTYPE html>

<html>

    <head>

        <title>div背景颜色示例</title>

    </head>

    <style>

        div{

            width:100%;    /*定宽*/

            background-color: royalblue;    /*设置背景颜色*/

    </style>

    <body>

        <div>背景颜色</div>

    </body>

</html>

0