>> Électroniques Technologie >  >> Appareils >> photographie Accessoires

Comment obtenir le code CSS de l'image ?

Il existe plusieurs manières d'obtenir le code CSS d'une image :

Inspectez le code HTML :

- Ouvrez la page Web dans un navigateur et faites un clic droit sur l'image.

- Sélectionnez Inspecter ou Inspecter l'élément dans le menu contextuel.

- Cela ouvrira les outils de développement du navigateur. Recherchez le code HTML qui correspond à l'image. Cela devrait être dans un ` Balise `.

- Le code CSS de l'image sera dans l'attribut `style` du ` Balise `.

Utilisez un sélecteur CSS :

 – Dans les outils de développement du navigateur, accédez aux Styles. ou Styles calculés languette.

- Sélectionnez l'élément image en cliquant dessus dans les Éléments languette.

- Les Styles calculés L'onglet affichera tous les styles CSS appliqués à l'image, y compris le code CSS.

Copiez et collez le code CSS :

- Une fois que vous avez trouvé le code CSS de l'image, vous pouvez le copier et le coller dans votre propre fichier CSS.

- Vous pouvez ensuite utiliser ce code CSS pour styliser l'image sur votre propre page Web.

Voici un exemple de la façon dont vous pouvez obtenir le code CSS d'une image à l'aide des outils de développement du navigateur :

1. Ouvrez la page Web contenant l'image.

2. Faites un clic droit sur l'image et sélectionnez Inspecter ou Inspecter l'élément .

3. Dans les outils de développement du navigateur, accédez aux Éléments. languette.

4. Sélectionnez le ` Balise ` qui correspond à l'image.

5. Dans les Styles , vous verrez les styles CSS appliqués à l’image.

6. Copiez et collez le code CSS dans votre propre fichier CSS.

Vous pouvez utiliser ce code CSS pour styliser l'image sur votre propre page Web.

photographie Accessoires