好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

怎么在css上设置背景图

在css上设置背景图的方法:1、使用background -i mage属性,语法“background-image:url(图片url);”;2、使用background属性,语法“background:url(图片url);”。

本教程操作环境:windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

在css中,可以通过background-image属性或background属性来设置背景图片。

background-image属性用于设置一个元素的背景图像;元素的背景是元素的总大小,包括填充和边界(但不包括 边距 )。默认情况下,background-image放置在元素的左上角,并重复垂直和水 平方 向。

<!DOCTY PE  html>
<html>
	<head>
		<style>
			div {
				width: 450px;
				h ei ght:  360 px;
				background-image: url( img /1. jpg );
				 background-size : 450px;/*设置图片大小*/
			}
		</style>
	</head>

	<body>
		<div></div>
	</body>
</html>

而background属性是一个简写属性,可以在一个声明中设置所有的 背景属性 ,包括:

background-color 指定要使用的 背景颜色

background-pos IT ion 指定背景图像的位置

background -s ize 指定背景图片的大小

background-repeat 指定如何重复背景图像

background-ori gin 指定背景图像的定位区域

background-clip 指定背景图像的绘画区域

background-attachment 设置背景图像 是否 固定 或者 随着页面的其余部分滚动

background-image 指定要使用的一个或多个背景图像

示例:

div {
	width: 450px;
	height: 360px;
	background: url(img/2.jpg);
	background- Size:  450px;/*设置图片大小*/
}

(学习视频分享:css视频教程)

以上就是怎么在css上设置背景图的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 怎么在css上设置背景图 全部内容,希望文章能够帮你解决 怎么在css上设置背景图 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于怎么在css上设置背景图的详细内容...

  阅读:25次