html怎么设置div背景颜色 HTML怎么设置背景颜色

主机教程 建站分享 2年前 (2022-09-13) 280次浏览

文章摘要:html怎么设置div背景颜色 HTML怎么设置背景颜色

html设置div背景颜色的方法:1.创建html文件;2.添加html架构代码到html文件中;3.在htm […]

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

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>


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:html怎么设置div背景颜色 HTML怎么设置背景颜色
文章链接:http://www.7966.org/post/12403.html
转载请注明出处

喜欢 (0)