css的背景图片

最新推荐文章于 2022-11-10 14:56:53 发布

御裔宸

最新推荐文章于 2022-11-10 14:56:53 发布

阅读量191

点赞数

分类专栏： css知识点文章标签： css背景图片的设置

本文链接：https://blog.csdn.net/shisjieshoufu/article/details/79157036

版权

css知识点专栏收录该内容

25 篇文章 1 订阅

订阅专栏

 
  <!DOCTYPE html 
  > 
 
  < 
  html 
   lang= 
  "en" 
  > 
 
  < 
  head 
  > 
 
  < 
  meta 
   charset= 
  "utf-8" 
  > 
 
  < 
  style 
  type= 
  "text/css" 
  > 
 
  div{ 
 
  background-image: 
  url( 
  "1.png"); 
 
  width: 
  500px; 
 
  height: 
  500px; 
 
  /* 不平铺 */ 
 
  background-repeat: 
   no-repeat; 
 
  /* 横向平铺 */ 
 
  /* background-repeat: repeat-x; */ 
 
  /* 纵向平铺 */ 
 
  /* background-repeat: repeat-y; */ 
 
  background-color: 
  pink; 
 
  /* background-position: top right; */ 
 
  /* 图片位置 */ 
 
  /* background-position: 30px 40px; */ 
 
  /* 背景固定显示 */ 
 
  background-attachment: 
   fixed; 
 
                } 
 
  < 
  / 
  style 
  > 
 
  </ 
  head 
  > 
 
  < 
  body 
  > 
 
  < 
  div 
  > 
 
  </ 
  div 
  > 
 
  </ 
  body 
  > 
 
  </ 
  html 
  > 
 
  图片的联写的步骤也是第二个方法 
 
  <!DOCTYPE html>
<html  lang="en">
<head>
<meta  charset="utf-8">
 
<style>
 
div{
width:500px;
height:500px;
 
background: url("1.png") red no-repeat 30px 40px;
 
}
</style>
</head>
<body>
 
<div>
 
</div>
</body>
</html

御裔宸

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css的背景图片

DOCTYPE html>html lang="en">head>meta charset="utf-8">styletype="text/css"> div{background-image:url("1.png");width: 500px;height:500px;/* 不平铺 */background-re
复制链接

扫一扫

专栏目录

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">

	<style>

	div{
	width:500px;
	height:500px;

	background: url("1.png") red no-repeat 30px 40px;


	}
	</style>
	</head>
	<body>


	<div>


	</div>
	</body>
	</html

css的背景图片

“相关推荐”对你有帮助么？