如何用html5插入背景图片

介绍一下web前端开发中如何在页面中插入背景图片 , 并在左下角加入logo , 如下图所示

如何用html5插入背景图片


工具/原料html5
方法/步骤1 在body标签中插入以下代码
<style type="text/css" >
body{
            background-image:url(images/xiao.jpg);
            background-position:center;           
             background-repeat:repeat-y;
        }
</style>

如何用html5插入背景图片



方法/步骤21如何将logo的位置调整到左下角

如何用html5插入背景图片



2如何将俄罗斯方块设置为图示图形

如何用html5插入背景图片



3如何将俄罗斯方块调整到图示位置

如何用html5插入背景图片



方法/步骤31【如何用html5插入背景图片】一定要注意设置编码 , 这样在各个浏览器上才能显示正常

如何用html5插入背景图片



注意事项注意一定要在标签中添加
一定要在html中写type="text/css"

以上内容就是如何用html5插入背景图片的内容啦 , 希望对你有所帮助哦!

    猜你喜欢