css设置background背景图（css设置背景样式）
本文将讨论有关css设置background背景图以及css设置背景样式的相关知识点，希望对大家有所帮助，记得收藏本站哦。
摘要预览：
Css3——background属性详解
字体属性 与字体有关的属性包括：font-family，font-style，font-variant，font-weight，font-size，font。
css3新增属性有：RGBA和透明度；background属性；word-wrap属性；text-shadow属性；font-face属性。RGBA和透明度 RGBA是RGB色彩模型的一个扩展。
background-position背景图像的位置。CSS3 background-size背景图片的尺寸。默认值：auto 其他值：像素，百分比，contain，cover background-origin背景图片的定位区域。
CSS3中的background-origin属性值为：padding-box：背景图像相对于内边距框来定位。border-box：背景图像相对于边框盒来定位。content-box：背景图像相对于内容框来定位。
background-positionY ： length | top | center | bottom length ： 百分数 | 由浮点数字和单位标识符组成的长度值。
用css控制背景，一个background就够了。比如：background：#f00 url(图片地址) no-repeat；背景色为红色，有图片，图片不重复。如果分开写的话就要写3个属性，很不简洁。
如何通过css来控制背景图大小?
1、）PSD格式的图像文件是使用AdobePhotoshop软件生成的默认图像文件格式。用以保存图像的通道、图层和颜色模式等信息，以备以后进行再次修改，该格式的通用性差，只有在Photoshop中才能使用，很少有其他的软件支持该格式。
2、CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。
3、css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。
我在网页中插入了背景图片,怎样调整背景图片的大小?
通过设置background-size 的属性设置图片大小。
CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。
利用PS中的图像大小功能就可以调整背景图的尺寸，操作如下：第一步：以PhotoShop CS6版本为例，将图像在PS软件里打开，按键盘快捷键Ctrl+J复制一层。第二步：在PS软件里，选择上方工具栏的“图像”选项。
可以通过cover和contain来对图片进行伸缩。
找到你想要设置为背景的图片。确保该图片符合你的电脑屏幕的分辨率要求。通常，你可以在电脑的显示设置中查看屏幕分辨率。 打开图片编辑软件，如Photoshop、Paint等。你可以使用这些工具来调整图片的尺寸。
然后可以设置宽度和高度。如图所示，在new_file.html里面写上这个：就可以设置背景图片的大小了。最后在浏览器中预览一下，这里只是部分背景。
关于css设置background背景图的介绍到此为止，感谢您抽出时间阅读本网站的内容。若想了解更多关于css设置背景样式和css设置background背景图的信息，请注意在本网站上进行搜索。还有更多关于css设置背景样式和css设置background背景图的信息，请别忘了在本网站上进行搜索。
