Comment définir l'image d'arrière-plan en CSS3
La façon de définir l'image d'arrière-plan en CSS3 est d'ajouter l'attribut [background-image: url(css.jpg)]. L'attribut background-image est utilisé pour définir l'image d'arrière-plan d'un élément et renseigner l'adresse URL de l'image dans l'URL.
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
Si nous voulons ajouter une image d'arrière-plan, nous pouvons sélectionner l'attribut background-image, qui peut introduire une image locale comme arrière-plan.
L'attribut background-image définit l'image d'arrière-plan d'un élément.
Valeur de l'attribut :
url('URL') URL de l'image
Le code spécifique est le suivant :
<!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>Tutoriels vidéo associés : 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!
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
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
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)
Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code)
Jun 28, 2022 pm 01:39 PM
Comment obtenir un effet de vague avec du CSS3 pur ? Cet article vous présentera comment utiliser l'animation SVG et CSS pour créer des effets de vagues. J'espère que cela vous sera utile !
Comment supprimer l'image d'arrière-plan dans les paramètres de personnalisation Win10
Dec 21, 2023 pm 02:31 PM
Chaque fois que l'arrière-plan du bureau utilisé dans le système Win10 est affiché dans l'image d'arrière-plan personnalisée dans les paramètres, certains utilisateurs souhaitent le supprimer, mais ne savent pas comment le faire. Cet article explique comment supprimer l'image d'arrière-plan personnalisée dans. Win10 partagé par ce site. Afficher les images d'arrière-plan du bureau utilisées : 1. Cliquez [clic droit] sur un espace vide du bureau et sélectionnez [Personnaliser] dans l'élément de menu qui s'ouvre. 2. Dans l'image de sélection en arrière-plan, vous pouvez afficher les arrière-plans du bureau ; vous avez utilisé Image ; supprimez l'image d'arrière-plan du bureau utilisée : Remarque : Cette opération implique la modification du registre. La modification du registre est risquée. Veuillez sauvegarder les données à l'avance. 1. Appuyez simultanément sur la combinaison de touches [Win+R]. pour ouvrir la fenêtre d'exécution et entrez la commande [regedit] ], puis cliquez sur [OK] 2 ;
Comment personnaliser l'image d'arrière-plan dans Win11
Jun 30, 2023 pm 08:45 PM
Comment personnaliser l’image d’arrière-plan dans Win11 ? Dans le nouveau système win11, il existe de nombreuses fonctions personnalisées, mais de nombreux amis ne savent pas comment utiliser ces fonctions. Certains amis pensent que l'image d'arrière-plan est relativement monotone et souhaitent personnaliser l'image d'arrière-plan, mais ne savent pas comment personnaliser l'image d'arrière-plan. Si vous ne savez pas comment définir l'image d'arrière-plan, l'éditeur a compilé les étapes pour. personnalisez l'image d'arrière-plan dans Win11 ci-dessous. Si vous êtes intéressé, jetez un œil ci-dessous ! Étapes de personnalisation des images d'arrière-plan dans Win11 : 1. Cliquez sur le bouton Win sur le bureau et cliquez sur Paramètres dans le menu contextuel, comme indiqué sur la figure. 2. Entrez dans le menu des paramètres et cliquez sur Personnalisation, comme indiqué sur la figure. 3. Entrez Personnalisation et cliquez sur Arrière-plan, comme indiqué sur l'image. 4. Entrez les paramètres d'arrière-plan et cliquez pour parcourir les images
Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code)
Jul 19, 2022 am 11:28 AM
Cet article va vous montrer comment utiliser CSS pour réaliser facilement divers boutons aux formes étranges qui apparaissent fréquemment. J'espère que cela vous sera utile !
Comment masquer des éléments en CSS sans prendre de place
Jun 01, 2022 pm 07:15 PM
Deux méthodes : 1. À l'aide de l'attribut display, ajoutez simplement le style "display:none;" à l'élément. 2. Utilisez les attributs position et top pour définir le positionnement absolu de l'élément afin de masquer l'élément. Ajoutez simplement le style "position:absolute;top:-9999px;" à l'élément.
Comment ajouter une image d'arrière-plan à Douyin Live Companion - Comment ajouter une image d'arrière-plan à Douyin Live Companion
Mar 05, 2024 am 09:16 AM
De nombreux utilisateurs qui diffusent en direct sur Douyin utiliseront le logiciel Douyin Live Companion, mais savez-vous comment ajouter une image d'arrière-plan au Douyin Live Companion. Voici la méthode d'ajout d'une image d'arrière-plan au Douyin Live Companion présentée par ? l'éditeur. Si vous êtes intéressés, les utilisateurs viennent jeter un oeil ci-dessous. Connectez-vous d’abord à Douyin Live Companion sur votre ordinateur, puis accédez à la page d’accueil. Sur la gauche, nous sélectionnons [Ajouter du matériel] sous [Scène 1]. Ensuite, il y aura une fenêtre pour ajouter des matériaux sur la page. Nous pouvons directement sélectionner la fonction [Image] et cliquer pour entrer. Nous ouvrirons ensuite une fenêtre où le matériel image est stocké localement. Nous devons sélectionner les images que nous souhaitons ajouter, puis cliquer sur le bouton Ouvrir dans le coin inférieur droit pour les ajouter. Après avoir ajouté l'image, nous devons utiliser le bouton gauche de la souris pour faire glisser l'image vers l'emplacement approprié.
Comment remplacer uniformément les images d'arrière-plan ppt
Mar 25, 2024 pm 04:16 PM
Le remplacement unifié des images d'arrière-plan PPT est une opération importante pour améliorer le style visuel des présentations et peut être réalisé par deux méthodes principales : le remplacement du masque des diapositives et le remplacement par lots. Le remplacement du masque des diapositives implique la suppression de l'image d'origine et l'insertion d'une nouvelle image dans le masque, s'appliquant ainsi à toutes les diapositives. La fonction de remplacement par lots remplace directement les images d'arrière-plan de toutes les diapositives de la présentation. Une image d'arrière-plan unifiée améliore non seulement votre présentation, mais améliore également l'attention de votre public. Il est important de choisir des images de haute qualité et cohérentes avec le thème, et vous devez faire attention à l'ajustement des détails tels que la transparence et la taille. De plus, PPT fournit également de riches options de configuration d'arrière-plan, telles que des dégradés, des textures et des motifs, qui peuvent être personnalisées en fonction des besoins.
Comment implémenter des bordures en dentelle en CSS3
Sep 16, 2022 pm 07:11 PM
En CSS, vous pouvez utiliser l'attribut border-image pour réaliser une bordure en dentelle. L'attribut border-image peut utiliser des images pour créer des bordures, c'est-à-dire ajouter une image d'arrière-plan à la bordure. Il vous suffit de spécifier l'image d'arrière-plan comme style de dentelle ; largeur de la bordure de l'image vers l'intérieur. Indique si le début est répété ;".
