Comment définir la position de l'image avec CSS-tutoriel CSS-php.cn

Comment définir la position de l'image avec CSS

醉折花枝作酒筹

Libérer： 2023-01-05 16:10:00

original

10728 Les gens l'ont consulté

Méthode : utilisez d'abord l'attribut position pour spécifier le type de positionnement de l'élément, la syntaxe est "position:static|relative|fixed|absolute" puis utilisez les attributs top, bottom, left et right pour définir ; la position décalée de l'élément d'image et procédez au positionnement Pinpoint.

Comment définir la position de l'image avec CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

L'attribut position spécifie le type de positionnement de l'élément. Cet attribut définit le mécanisme de positionnement utilisé pour établir la disposition de l'élément. N'importe quel élément peut être positionné, mais les éléments absolus ou fixes génèrent une boîte au niveau du bloc, quel que soit le type de l'élément lui-même. Un élément positionné relativement est décalé par rapport à sa position par défaut dans un écoulement normal. L'élément

est en fait positionné à l'aide des attributs top, bottom, left et right. Cependant, ces propriétés n'auront aucun effet à moins que la propriété position ne soit définie en premier. Ils fonctionnent différemment selon la valeur de la position.

Comment définir la position de limage avec CSS

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			img {
				position: absolute;
				left: 100px;
				top: 100px
			}
		</style>
	</head>

	<body>
		<img  src="2.jpg" / alt="Comment définir la position de l'image avec CSS" >
		
	</body>

</html>

Copier après la connexion

Apprentissage recommandé : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!