css-背景属性的使用

最新推荐文章于 2025-10-06 06:37:00 发布

原创最新推荐文章于 2025-10-06 06:37:00 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

前端开发、java web、数据库专栏收录该内容

71 篇文章

订阅专栏

background-image：url();一般情况下会复制
background-repeat：no-repeat 不复制
background-repeat：repeat -x 表示仅仅x轴平移
background-repeat：repeat -y 表示仅仅y轴平移
bcckground-position:50px 50px;位置精灵图雪碧图 .png

<!DOCTYPE html>
<html>
<head>
	<title>背景属性</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="./css/beijingshuxing.css">
</head>
<body>
    <div id="msg"></div>
</body>
</html>

#msg{
	width: 100%;
	height: 1200px;
	background-image: url(../img/2.png);
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	background-position: 80px 80px;
}

在这里插入图片描述