怎么给html做的登入界面加背景图

怎么给html做的登入界面加背景图,第1张

如果是整个页面的背景图的话,你可以给body添加样式body{background:url("图片路径") no-repeat} ;如果是给某个区域添加背图的话就相应的div添加背景样式就可以了,如果不明白的话,你可以把你的页面描述的详细一点。

1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:

2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background="图片名字"即可插入图片:

3、最后来到浏览器,刷新一下网页,这样就会显示背景了:

你的图片路径不对,当你的网页文件和back文件夹都保存在桌面时 。

1、设置背景图片需要使用css样式设,设置代码如下 以整个页面的背景图片为例css样式body background: url(img/beijing.jpg) no-repeaturl 内放置为图片的路径地址no-repeat 图片不平铺background-size: cover图片自适应整个页面。

2、两个文件必须存在,首先,html是标记性语言,它不能自带图片,写代码的时候只是用img标记把图片的位置写进去,它会自己找图片,这就是为什么有时在网上看网页图片会有小红叉。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7669981.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存