前端学习日记3-如何设置网页背景图片
方法1:
在html页面body中直接设置background
并将资源图片放置的目录写在双引号中间
<body background="image/A.jpeg"> </body>
方法2:
在css文件中选择body进行设置背景
分离的css文件中 background属性 设置他的值 为图片放置地址
body{
background: url("image/A.jpeg")
}
方法3:
在head中设置css样式
不分离css文件 同法2 建议分离css文件 有助于提升文件的健壮性
<style>
body{
background: url("image/A.jpeg")
}
</style>
前端学习日记3-如何设置网页背景图片相关推荐
- jquery设置网页背景图片
jquery设置网页背景图片 $('body').css("background-image","url(/images/BK2.jpg)"); $(' ...
- div中插入图片_Web前端开发基础知识,设置网页背景图,如何在网页中插入图片...
图片 一.图片的表现形式 当我们在制作页面的时候,通常会遇到图片的三种表现形式,如下: 1.内容图片 内容图片是页面中真正的内容,没有内容图片,就无法完整的理解页面内容.如淘宝网上的商品展示图片,这些 ...
- Html设置网页背景图片
为网页添加背景图片可以衬托网页的显示效果,从而取得更好的视觉效果.背景图片的选择不仅要注意好看,而且还要注意不能喧宾夺主,影响网页内容的阅读.通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片配 ...
- 设置网页背景图片不显示
login.jsp:1 GET http://localhost:8080/images/%E5%BD%AD%E7%AB%B9%E6%A5%A0bg1.jpg 404 首先确定了,路径不会有什么问题. ...
- HTML/设置网页背景图片+背景透明度设置
HTML文件代码 <!DOCTYPE html> <html> <head><head><body ><div id="La ...
- CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
- html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
- html语言设置网页背景,在html网页中如何设置背景图片?网页背景怎么设置?
不知道大家有没有发现,当我们在浏览部分网页的时候网页的背景都是很漂亮的.那么今天小编来教大家怎么在 html 网页中设置背景图片吧! 1.首先还是老样子,我们在开发工具中新建一个 .html 文件,然 ...
- Web前端学习日记1
博客,你好,从今天开始,我就会开始在你这里发表我的Web前端学习日记,请多多指教哦! 今天是从HTML基础学起,虽然说以前有上过类似的课程,但是还是学到了很多,最大的收益就是又掌握了很多快捷键,对于我 ...
最新文章
- mysql 数据泵_Oracle 数据泵详解
- 【数据库】Ubuntu12.04安装配置Redis3.0
- 售卖ssr_博人传148集:SSR鸣人卡牌受追捧,“金钱之术”重现,太子被盯上
- 从Python中readline()函数读取的一行内容中去掉换行符\n
- java中堆栈(stack)和堆(heap)
- 理解 neutron(15):Neutron Linux Bridge + VLAN/VXLAN 虚拟网络
- display:inline-block,block,inline的区别与用法
- [转载] Python面向对象编程系列第一篇
- 安卓命令和linux命令行,scrcpy:用电脑显示和控制Android设备的命令行工具
- 鼠标自动移动 防止锁屏睡眠
- ArcMap加载SHP文件
- 思维导图软件XMind破解版下载地址 附最简安装教程
- jstree的属性设置
- 入门:因果推断 简介
- 毒鸡汤词汇类的前端小程序源码模板
- Linux系统自动化安装(二)
- 《Python自然语言处理-雅兰·萨纳卡(Jalaj Thanaki)》学习笔记:06 高级特征工程和NLP算法
- 澳洲网:中国综艺节目走进西澳 促当地旅游发展
- Aadobe CC 2014安装失败
- 南京航天航空大学计算机推免,南京航空航天大学计算机学院2016研究生推免办法...