css

Ajouter un style

Voici les différentes façons d’ajouter un style à une balise HTML

Avec un fichier CSS externe

HTML


<head>
<link href="css/style.css" media="all" rel="stylesheet" >
</head>
<body>
   <h1>Titre de la page</h1>
</body>


<head>
   <link href="css/style.css" media="all" rel="stylesheet" >
</head>
<body>
   <h1>Titre de la page</h1>
</body>

Style.css


   h1 {color:red; font-size:24px; text-align:center;}

Avec le code CSS directement dans le document HTML


<head>
<style media="all" type="text/css">
  h1 {color:red; font-size:24px; text-align:center;}
</style>
</head>

Avec le style directement sur l’élément


<h1 style="color:red; font-size:24px; text-align:center;">Titre de la page</h1>


<h1 style="color:red; font-size:24px; text-align:center;">Titre de la page</h1>

Publier 27 octobre 2014 par sm2017 dans CSS - Mise en place Commentaires fermés

Création d’un bouton

Pour créer un bouton en CSS on attribut une classe à un lien.

Création d’un lien avec une classe


<a class="bouton" href="#">Mon bouton</a>

Classe attribuée au lien


.bouton{
   color: #ff6347; /* couleur du texte */
   cursor:pointer; /* apparence du curseur */
   display: inline-block; /* autorise les marges sur "a" */
   border: solid 1px #ff6347; /* bordure */
   padding: 5px; /* espace entre bordure et texte */
}

Jsfiddle

Publier 15 juillet 2015 par sm2017 dans CSS - Divers Commentaires fermés