masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > css3如何设置背景图片

css3如何设置背景图片

王林
Lepaskan： 2023-01-06 11:13:30
asal
3496 orang telah melayarinya

css3设置背景图片的方法是添加属性【background-image: url(css.jpg)】。background-image属性用来设置一个元素的背景图像，url中填写图像的url地址。

css3如何设置背景图片

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

如果我们要添加一张背景图片，可以选择background-image属性，它可以引入本地的一张图片当做背景。

background-image 属性设置一个元素的背景图像。

属性值：

  • url('URL')    图像的URL    

具体代码如下所示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			div{
				width: 200px;
				height: 200px;
				border: 1px solid black;
				background-image: url(css.jpg);/* 引入图片 */
				background-size: 100px 100px;/* 设置图片的大小 */
background-repeat: no-repeat;/* 如果图片比较小,框比他大的时候,设置的显示方式,repeat-x沿x轴显示,repeat-y沿y轴显示 */
background-position: 50% 50%;/* 设置图片的位置,left top左上,center center居中..... */
			}
		</style>
		<title></title>
	</head>
	<body>
		<div></div>
	</body>
</html>
Salin selepas log masuk

相关视频教程：css视频教程

Atas ialah kandungan terperinci css3如何设置背景图片. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css3 imej latar belakang
sumber：php.cn
Artikel sebelumnya：css该如何隐藏文本框 Artikel seterusnya：css中字间距怎么调整
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan