怎么把http图片改成背景图HTML,web前端:将图片设置成页面的背景-网页页面设置...

如题,字面上的意思,今天小编,就是来跟大家说一下,一个网页做一个图片背景!

将图片设置成背景,那么先找背景素材,这个背景素材可以到各大图片网站找!

那么为什么今天小编要讲这个呢?

在做一个网页中,如果网页背景都是白色的,虽然看起来干净整洁,但是更加倾向于棺材板类的网站,死气沉沉的,没有特色!

想要把图片设置成网页背景,那么嘚先有图片,刚刚也说了去图片网站找,小编就在百度上找找就好!

0c03e0c2f17428d3a03399b05e1fbd59.png

图片

就选择第二个图片作为背景,那么我们现在就开始来做这个网页背景!

我们先来看一下实例图再看实例代码!

实例图:

414f7ea3c0bd9ff017e84a0cc01556f1.png

实例图

实例代码:

阿景前端(web.gzseoaj.com)

body {background-image:url(http://pic.58pic.com/58pic/13/14/73/82K58PICsSX_1024.jpg);}

其实很简单,仔细看代码内容你就知道!

自己多练练,会设置背景图片的人非常多,但是能把背景玩得顺溜的也只是少数部分,背景能玩得顺溜的,页面布局美观度也差不了到哪去,和专业的设计有得一比!

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值