css放图片的方法：1、使用background简写属性在设置背景时引入图片；2、直接使用background-image属性引入背景图片。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
css怎么放图片？
随着互联网的发展，网速不断提升，我们现在的网页也变的更加丰富起来，除了能够传输文字外，我们还可以传输图片。我们该如何使用css在网页中放图片？下面我们俩看一下使用css在网页中放图片的方法。
css可以使用background简写属性在设置背景时引入图片，也可以使用background-image属性引入背景图片。background-image属性为元素设置背景图像。
立即学习“前端免费学习笔记（深入）”；
使用background简写属性引入图片：
nbsp;html>body{ background: #00ff00 url('img/3.jpg') no-repeat fixed center; } This is some text
This is some text
This is some text
This is some text
This is some text
This is some text
This is some text
This is some text
This is some text
This is some text
This is some text
登录后复制
效果图：
使用background-image属性在网页中放入图片：
body {background-image:url(/i/eg_bg_04.gif);}
登录后复制
效果图：
background 简写属性：
background 简写属性在一个声明中设置所有的背景属性。
可以设置如下属性：
background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image
登录后复制
如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url(‘smiley.gif’); 也是允许的。
通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。
background-image 属性：
background-image 属性为元素设置背景图像。
元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。
属性值：
url(‘URL’) 指向图像的路径。
none 默认值。不显示背景图像。
inherit 规定应该从父元素继承 background-image 属性的设置。
【推荐学习：css视频教程】
以上就是css怎么放图片的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2951901.html
