CSS – Divers

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

Sélection avec expression régulière

Sélectionner tous les éléments qui commencent par une même chaine de caractères

HTML


<div id="accordion-1">
    <h2>Titre 1 </h2>
</div>
<div id="accordion-2">
    <h2>Titre 2 </h2>
</div>
<div id="accordion-3">
    <h2>Titre 3 </h2>
</div>

CSS


div[id^='accordion-'] {
	margin-left: 160px;
}

Jsfiddle

Publier 11 janvier 2016 par sm2017 dans CSS - Divers Commentaires fermés