LESS - Fonction couleur

La description

C'est une chaîne qui représente les couleurs. La couleur peut être définie sur l'arrière-plan ou le premier plan de l'élément. Les valeurs de couleur sont utilisées pour spécifier la couleur.

Exemple

L'exemple suivant illustre l'utilisation de la fonction de couleur dans le fichier LESS -

misc_example.htm

<!doctype html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
      <h2 class = "style">Welcome to TutorialsPoint</h2>
      <p class = "style">The largest Tutorials Library on the web.</p>
   </body>
</html>

Ensuite, créez le fichier style.less .

sans style

.style {
   color:(#fe2700)
};

Vous pouvez compiler le fichier style.less dans style.css à l'aide de la commande suivante -

lessc style.less style.css

Exécutez la commande ci-dessus; il créera automatiquement le fichier style.css avec le code suivant -

style.css

.style {
   color: #fe2700;
}

Production

Suivez ces étapes pour voir comment fonctionne le code ci-dessus -

  • Enregistrez le code html ci-dessus dans le misc_example.htm fichier.

  • Ouvrez ce fichier HTML dans un navigateur, la sortie suivante s'affichera.