css如何放图片

这篇文章给大家分享的是有关css如何放图片的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联建站自2013年起，是专业互联网技术服务公司，拥有项目成都网站设计、做网站网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元罗城做网站,已为上家服务,为罗城各地企业和个人服务,联系电话:18982081108

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。2.内嵌样式，就是将CSS代码写在之间，并且用

进行声明。3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上

就可以了。其次就是导入样式，导入样式和链接样式比较相似，采用@import样式导入CSS样式表，不建议使用。

css放图片的方法：1、使用background简写属性在设置背景时引入图片；2、直接使用background-image属性引入背景图片。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

css怎么放图片？

随着互联网的发展，网速不断提升，我们现在的网页也变的更加丰富起来，除了能够传输文字外，我们还可以传输图片。我们该如何使用css在网页中放图片？下面我们俩看一下使用css在网页中放图片的方法。

css可以使用background简写属性在设置背景时引入图片，也可以使用background-image属性引入背景图片。background-image属性为元素设置背景图像。

使用background简写属性引入图片：

 
 



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-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

background-image 属性：

background-image 属性为元素设置背景图像。

元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。

默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。

属性值：

url('URL') 指向图像的路径。

none 默认值。不显示背景图像。

inherit 规定应该从父元素继承 background-image 属性的设置。

感谢各位的阅读！关于“css如何放图片”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

标题名称：css如何放图片
转载来源：http://bzwzjz.com/article/pehsde.html