interface Web
tutoriel CSS
Comment définir la couleur et l'image d'arrière-plan à l'aide de CSS
Comment définir la couleur et l'image d'arrière-plan à l'aide de CSS
Comment définir la couleur et l'image d'arrière-plan avec CSS : 1. Définissez la couleur d'arrière-plan via l'attribut background-color ; 2. Définissez l'image d'arrière-plan via l'attribut background-image.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
Pour utiliser CSS pour définir l'arrière-plan, nous devons utiliser l'attribut background background. Grâce à l'attribut background, nous pouvons définir la couleur d'arrière-plan et l'image d'arrière-plan. avec CSS.
Jetons un coup d'oeil d'abordDéfinition CSS de la couleur d'arrière-plan
Nous devons utiliser background-color pour changer la couleur d'arrière-plan
background-color:value（颜色编码或者颜色名称）
Dans Dans la partie valeur, vous pouvez saisir un code de couleur tel que #000000 ou un nom de couleur tel que blanc, et la couleur définie sera la couleur d'arrière-plan.
La valeur initiale de background-color est transparente, auquel cas la couleur d'arrière-plan de l'élément parent sera appliquée. S'il n'y a aucun paramètre dans l'élément parent, il deviendra blanc.
Définition CSS de l'arrière-plan de l'image
En utilisant l'attribut background-image, nous pouvons prédéfinir l'image téléchargée sur le serveur comme arrière-plan.
background-image: url("图像的路径");Dans l'url, entrez le chemin d'accès au fichier image que vous souhaitez utiliser comme arrière-plan. Si le fichier CSS et le fichier image se trouvent dans le même répertoire, seul le nom du fichier conviendra.
Les chemins absolus et relatifs peuvent être utilisés comme chemins d'accès aux fichiers image.
Pour saisir un chemin relatif, saisissez le chemin relatif vers la feuille de style externe, et non le chemin relatif vers le fichier html.
Regardons ensuite un exemple spécifique
Utilisez background-color pour définir la couleur d'arrière-plan
Le code est le suivant
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body{
background-color: skyblue;
}
</style>
</head>
<body>
<p>Comment définir la couleur et limage darrière-plan à laide de CSS设置</p>
</body>
</html>Le résultat de l'exécution
affiche l'effet suivant sur le navigateur. La couleur bleu ciel spécifiée est définie comme couleur d'arrière-plan
Utilisez le paramètre d'image d'arrière-plan L'image d'arrière-plan
le code est le suivant
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body{
background-image: url("img/t.jpg");
}
</style>
</head>
<body>
<p>Comment définir la couleur et limage darrière-plan à laide de CSS设置</p>
</body>
</html>L'effet de course est illustré dans la figure ci-dessous
Lorsque la taille de l'écran est plus grande que l'image d'arrière-plan, la situation par défaut L'image d'arrière-plan est automatiquement répétée ci-dessous. Ce paramètre peut être modifié à l'aide de l'attribut background-repeat.
L'affichage de l'image d'arrière-plan commence dans le coin supérieur gauche du paramètre initial. Ce paramètre peut être modifié à l'aide de la propriété background-position
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1359
52
Comment effacer l'historique des images récentes de l'arrière-plan du bureau dans Windows 11
Apr 14, 2023 pm 01:37 PM
<p>Windows 11 améliore la personnalisation du système, permettant aux utilisateurs d'afficher un historique récent des modifications précédemment apportées à l'arrière-plan du bureau. Lorsque vous entrez dans la section de personnalisation de l'application Paramètres système Windows, vous pouvez voir diverses options, la modification du fond d'écran en fait partie. Mais vous pouvez maintenant voir le dernier historique des fonds d’écran définis sur votre système. Si vous n'aimez pas voir cela et souhaitez effacer ou supprimer cet historique récent, continuez à lire cet article, qui vous aidera à en savoir plus sur la façon de le faire à l'aide de l'Éditeur du Registre. </p><h2>Comment utiliser la modification du registre
Comment ajuster les paramètres de couleur d'arrière-plan dans Eclipse
Jan 28, 2024 am 09:08 AM
Comment définir la couleur d’arrière-plan dans Eclipse ? Eclipse est un environnement de développement intégré (IDE) populaire parmi les développeurs et peut être utilisé pour le développement dans une variété de langages de programmation. Il est très puissant et flexible, et vous pouvez personnaliser l'apparence de l'interface et de l'éditeur via les paramètres. Cet article explique comment définir la couleur d'arrière-plan dans Eclipse et fournit des exemples de code spécifiques. 1. Changez la couleur d'arrière-plan de l'éditeur. Ouvrez Eclipse et entrez dans le menu "Windows". Sélectionnez "Préférences". Naviguez à gauche
Comment télécharger l'image de fond d'écran Windows Spotlight sur PC
Aug 23, 2023 pm 02:06 PM
Les fenêtres ne négligent jamais l’esthétique. Des champs verts bucoliques de XP au design tourbillonnant bleu de Windows 11, les fonds d’écran par défaut sont une source de plaisir pour les utilisateurs depuis des années. Avec Windows Spotlight, vous avez désormais un accès direct chaque jour à des images magnifiques et impressionnantes pour votre écran de verrouillage et votre fond d’écran. Malheureusement, ces images ne traînent pas. Si vous êtes tombé amoureux de l'une des images phares de Windows, vous voudrez savoir comment les télécharger afin de pouvoir les conserver comme arrière-plan pendant un certain temps. Voici tout ce que vous devez savoir. Qu’est-ce que WindowsSpotlight ? Window Spotlight est un programme de mise à jour automatique du fond d'écran disponible dans Personnalisation et dans l'application Paramètres.
Comment définir la couleur d'arrière-plan dans editplus-Comment définir la couleur d'arrière-plan dans editplus
Mar 04, 2024 pm 07:00 PM
Amis, savez-vous comment définir la couleur d'arrière-plan dans editplus ? Aujourd'hui, je vais vous expliquer comment définir la couleur d'arrière-plan dans editplus. Si vous êtes intéressé, venez jeter un œil avec moi, j'espère que cela pourra vous aider. Étape 1 : Ouvrez d'abord editplus, cliquez sur Outils ci-dessus, comme indiqué dans l'image : Étape 2 : Dans le menu des outils, cliquez sur préférences, comme indiqué sur l'image : Étape 3 : Dans la page des préférences, cliquez sur les couleurs à gauche, comme indiqué dans l'image : Chapitre 3 Étape 4 : En position d'arrière-plan, sélectionnez une couleur selon vos besoins, comme indiqué sur la figure :
Guide étape par étape pour changer la couleur d'arrière-plan avec Eclipse
Jan 28, 2024 am 08:28 AM
Apprenez étape par étape comment changer la couleur d'arrière-plan dans Eclipse, des exemples de code spécifiques sont requis. Eclipse est un environnement de développement intégré (IDE) très populaire qui est souvent utilisé pour écrire et déboguer des projets Java. Par défaut, la couleur d'arrière-plan d'Eclipse est blanche, mais certains utilisateurs peuvent souhaiter modifier la couleur d'arrière-plan selon leurs préférences ou pour réduire la fatigue oculaire. Cet article vous apprendra étape par étape comment modifier la couleur d'arrière-plan dans Eclipse et fournira des exemples de code spécifiques. Étape 1 : ouvrez d’abord Eclipse
Comment utiliser la technologie de segmentation sémantique d'images en Python ?
Jun 06, 2023 am 08:03 AM
Avec le développement continu de la technologie de l’intelligence artificielle, la technologie de segmentation sémantique des images est devenue une direction de recherche populaire dans le domaine de l’analyse d’images. Dans la segmentation sémantique d'image, nous segmentons différentes zones d'une image et classons chaque zone pour obtenir une compréhension globale de l'image. Python est un langage de programmation bien connu. Ses puissantes capacités d'analyse et de visualisation de données en font le premier choix dans le domaine de la recherche sur les technologies d'intelligence artificielle. Cet article expliquera comment utiliser la technologie de segmentation sémantique d'images en Python. 1. Les connaissances préalables s’approfondissent
Explication détaillée de la façon de modifier la couleur d'arrière-plan de PyCharm
Jan 04, 2024 am 11:03 AM
PyCharm est un puissant environnement de développement intégré (IDE) Python qui offre aux développeurs de nombreuses fonctions et outils pratiques. L'une des fonctions couramment utilisées consiste à modifier la couleur d'arrière-plan de PyCharm. Dans cet article, je présenterai en détail la méthode de modification de la couleur d'arrière-plan de PyCharm et fournirai des exemples de code spécifiques. Pour modifier la couleur d'arrière-plan de PyCharm, nous devons effectuer les étapes suivantes : Étape 1 : Ouvrez PyCharm et cliquez sur "Settin" dans le menu "Fichier".
Comment redimensionner par lots des images à l'aide de PowerToys sous Windows
Aug 23, 2023 pm 07:49 PM
Ceux qui doivent travailler quotidiennement avec des fichiers image doivent souvent les redimensionner pour les adapter aux besoins de leurs projets et de leurs tâches. Cependant, si vous avez trop d’images à traiter, les redimensionner individuellement peut prendre beaucoup de temps et d’efforts. Dans ce cas, un outil comme PowerToys peut s'avérer utile, entre autres, pour redimensionner par lots des fichiers image à l'aide de son utilitaire de redimensionnement d'image. Voici comment configurer vos paramètres de redimensionnement d'image et commencer le redimensionnement par lots d'images avec PowerToys. Comment redimensionner des images par lots avec PowerToys PowerToys est un programme tout-en-un doté d'une variété d'utilitaires et de fonctionnalités pour vous aider à accélérer vos tâches quotidiennes. L'un de ses utilitaires est les images
