×

html网页背景颜色代码

网页制作怎样把网页背景设置成红色?html网页制作,如何设置网页背景色

admin admin 发表于2022-05-20 02:13:50 浏览161 评论0

抢沙发发表评论

网页制作怎样把网页背景设置成红色


1、用记事本或其他编辑工具打开网页源文件。
2、找到《body》标签,在标签中加入style=“background-color:red;“ 背景颜色及可以改成红色,可以把red改成需要的其他颜色的英文。
3、也可以使用RGB颜色代码来设置,如style=“background-color:#000000;“则背景为黑色,所有0都可以设置为0-F的16进制数来进行颜色调整。

html网页制作,如何设置网页背景色


  1. 首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。《html》《body》《/body》《/html》

  2. 由于css样式必须在标签《head》《/head》之间,因此我们点击《html》后面,输入《head》《/head》标签。

  3. 在head标签之间输入样式标签《style》《/style》,然后定义一些属性,例如

    《style type=“text/css“》

    body {background-color: yellow} 定义网页背景色为黄色;

    h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;

    h2 {background-color: transparent} 定义h2标签背景色为透明;

    p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值;

    p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;

    《/style》

  4. 然后点击body标签后面输入正文标签内容,例如

    《h1》这是KING《/h1》

    《h2》这是KING《/h2》

    《p》这是KING《/p》

    《p class=“no2“》这个KING设置20内边距。《/p》

  5. 点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。

  6. 我们可以发现代码中两个同样的《p》标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class=“no2“的优势所在,可以定义个性风格。

还可以选择用html设置,如下:

颜色自己调,可以用取色器查看颜色,例如background-color:#789999; 如果需要加边框可以用border属性


html 网页制作 如何设置网页背景色


  1. 首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。《html》《body》《/body》《/html》

  2. 由于css样式必须在标签《head》《/head》之间,因此我们点击《html》后面,输入《head》《/head》标签。

  3. 在head标签之间输入样式标签《style》《/style》,然后定义一些属性,例如

    《style type=“text/css“》

    body {background-color: yellow} 定义网页背景色为黄色;

    h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;

    h2 {background-color: transparent} 定义h2标签背景色为透明;

    p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值;

    p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;

    《/style》

  4. 然后点击body标签后面输入正文标签内容,例如

    《h1》这是KING《/h1》

    《h2》这是KING《/h2》

    《p》这是KING《/p》

    《p class=“no2“》这个KING设置20内边距。《/p》

  5. 点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。

  6. 我们可以发现代码中两个同样的《p》标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class=“no2“的优势所在,可以定义个性风格。

还可以选择用html设置,如下:

颜色自己调,可以用取色器查看颜色,例如background-color:#789999; 如果需要加边框可以用border属性