Bonjour !
S'il s'agit d'un titre uniquement et pas d'un bouton, ce n'est pas plus compliqué que définir n'importe quel autre style.
Je vais t'expliquer la méthode.
La première chose à faire est de trouver un nom pour le style qu'on va définir. Je n'ai pas d'idées (pour changer :p) donc je vais l'appeler titre-avec-fond. Comme tu l'utiliseras probablement plusieurs fois sur la page (ou dans ton message) ce sera une classe. Donc pour dire au css que ce sera une classe, on mettra bien un point devant le nom.
Mais avant d'en venir au css, restons sur le html. Tout ce qu'il y a à faire, c'est d'appliquer la classe qu'on va créer à ton titre. Pour ça, on va utiliser les balises div. Ce qui donne ceci :
- Code:
-
<div class="titre-avec-fond">Titre</div>
Il faudra mettre ça, et uniquement ça. Pas besoin de rajouter de couleurs, de mise en gras, ou autre, tout ça se fera dans le css.
Venons-en à notre fameux css, dans lequel nous allons créer notre style. Un style se définit par un nom et un ensemble de propriétés, qui seront mises en deux accolades. Une propriété s'énonce en donnant son nom, deux points, sa valeur, et un point virgule pour terminer la ligne.
Les propriétés... ça peut être un peu n'importe quoi. Je vais te citer celles dont tu peux avoir le plus besoin. Quand j'ai mis plusieurs valeurs séparées par un slash, n'en garde qu'une seule. Leur signification est écrite entre des parenthèses que tu devras supprimer aussi.
• Fond de couleur :
background-color: couleur ;
• Bordure :
○ Style de la bordure :
border-style: solid/double/dotted/dashed; (ligne pleine, ligne double, ligne pointillée, ligne pointillée. Il en existe d'autres, mais ce sont les plus utilisées)
○ Epaisseur de la bordure :
border-weight: Ypx; (Y étant la valeur de ton choix)
○ Couleur de la bordure :
border-color: couleur;
• Texte en gras :
font-weight: bold;
• Taille du texte :
font-size: Ypx ; (Y étant la valeur de ton choix. Il existe d'autres façon que les pixels pour définir la taile de ton texte, mais je pense que ce sera plus simple de garder cette unité)
• Arrondir les angles : (il faut mettre l'ensemble des trois propriétés, car chacune ne marche que sur quelques navigateurs !)
-moz-border-radius: Ypx ;
-webkit-border-radius: Ypx ;
border-radius: Ypx ;
(le Y est le rayon de l'arrondi)
• Centrer le texte :
text-align: center ;
Voilà pour les principales propriétés. Il ne te reste plus qu'à les mettre dans ton css.
- Code:
-
.titre-avec-fond
{
propriété: valeur ;
}
J'espère avoir réussi à t'éclairer. Si tu n'as pas compris, n'hésite pas.
Fu'
EDIT : moarf heu... bon ben j'prend ma retraite puisque je suis pas assez rapide XD
EDIT Kaiji : Mais non Fu' mais non y faut pas xD Deux explications veulent mieux qu'une xD