Bagaimana untuk menetapkan imej latar belakang dalam css-tutorial css-php.cn

Bagaimana untuk menetapkan imej latar belakang dalam css

青灯夜游

Lepaskan： 2021-11-09 14:17:28

asal

72867 orang telah melayarinya

Cara untuk menetapkan imej latar belakang dalam css: 1. Gunakan atribut imej latar belakang, sintaks "background-image:url(picture url);" 2. Gunakan atribut latar belakang, sintaks "background :url(url gambar) url);".

Bagaimana untuk menetapkan imej latar belakang dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam css, anda boleh menetapkan imej latar belakang melalui atribut imej latar belakang atau atribut latar belakang.

Atribut imej latar belakang digunakan untuk menetapkan imej latar belakang elemen; latar belakang elemen ialah jumlah saiz elemen, termasuk pelapik dan jidar (tetapi bukan jidar). Secara lalai, imej latar belakang diletakkan di sudut kiri atas elemen dan berulang secara menegak dan mendatar.

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

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

Salin selepas log masuk

Bagaimana untuk menetapkan imej latar belakang dalam css

Atribut latar belakang ialah atribut singkatan yang boleh menetapkan semua atribut latar belakang dalam satu pernyataan, termasuk:

latar belakang -warna menentukan warna latar belakang yang akan digunakan
kedudukan latar belakang menentukan kedudukan imej latar belakang
saiz latar belakang menentukan saiz imej latar belakang
latar belakang-ulang menentukan cara mengulang imej latar belakang
latar belakang-asal menentukan kawasan kedudukan imej latar belakang
klip latar belakang menentukan kawasan lukisan imej latar belakang
lampiran latar belakang menetapkan sama ada imej latar belakang ditetapkan atau tatal dengan seluruh halaman
imej latar belakang menentukan satu atau lebih imej latar belakang untuk digunakan

Contoh:

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

Salin selepas log masuk

Bagaimana untuk menetapkan imej latar belakang dalam css

(Perkongsian video pembelajaran: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan imej latar belakang dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!