首页 > 软件开发 > HTML >

html设置背景颜色,背景图片和插入图片

来源:互联网 2023-03-16 19:13:37 128

html是怎么设置背景颜色,背景图片和插入图片?要记住background,,bgcolor和img三个个特殊的词便可以得心应手。qL3办公区 - 实用经验教程分享!

html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

工具/原料

  • html5

方法/步骤

  • 1

    打开自己的编辑器,然后创建一个html文件,把图片保存在同一个文件夹里面。qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

  • 2

    然后我们首先要定义一下HTML的主要框架。qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

  • 3

    在body标签里面输入background="颜色",这样背景颜色就可以设定了。qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

  • 4

    输入background="图片的名字",这样就可以插入图片作为背景。如果不够大就会自动连续填充。qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

  • 5

    插入图片需要在body标签下加入img src="图片名字">。默认会左对齐。qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

  • 6

    我们可以对图片进行大小设置,用height和width即可。qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

  • 7

    左右对齐就需要用到align来设定了。left就是左边,right就是右边。qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

    html设置背景颜色,背景图片和插入图片qL3办公区 - 实用经验教程分享!

  • 7该信息未经许可获取自百度经验
  • 注意事项

    • 图片如果在别的地方要输入网址或者路径地址

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!qL3办公区 - 实用经验教程分享!


    标签: HTML背景颜色插入

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码