Probleme html css border

Résolu/Fermé
Alexien10 Messages postés 10 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 28 août 2015 - 14 juil. 2014 à 20:58
Alexien10 Messages postés 10 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 28 août 2015 - 14 juil. 2014 à 23:33
Bonjour voilà je viens de commencer d'apprendre le html5 et le CSS3 il n'y a pas longtemps et j'aimerais avoir un peu d'aide sur un problème que je n'arrive pas à résoudre , pour les experts en la matière ma question va surement paraitre bête mais je n'y arrive pas :) Voilà j'essaye d'encadrer un de mes paragraphes avec la balise border et border-radius, et mon problème et le suivant ,mon but est d'encadrer un seul paragraphe celui au début de mon site mais le problème est qu'au lieu de ça il m'encadre tous les paragraphes sur mon site, donc j'aimerais savoir si il serait possible de remedier a ca avec une baliser html ou dans le CSS merci d'avance.
A voir également:

2 réponses

Bonjour. Dans la balise <p> ciblée, ajouter un id, comme par exemple:
<p id="p01">


Et dans le css, au lieu de sélectionner avec un simple p, vous sélectionnerez avec ceci:
#p01 {
border: x;
border-radius: x;
}

Ou même ceux-ci:
p #p01 {
border: x;
border-radius: x;
}


De cette manière, seul le paragraphe portant l'id "p01" sera affecté par le css.

<signature title="T-T" />
0
Alexien10 Messages postés 10 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 28 août 2015 1
Modifié par Alexien10 le 14/07/2014 à 22:38
Alors merci beaucoup ça marche !! une dernière question après le id peut-on mettre ce que l'on veut par exemple <p id='g2'> ?
?
0
Utilisateur anonyme
14 juil. 2014 à 23:04
Oui, c'est toi qui choisit l'id. Le mieux est de trouver quelque-chose qui évoque ce à quoi ça correspond (g2 ou p01, c'est pas très expressif).
Par-contre, tu ne peut pas utiliser plus d'une fois la même id dans une page. Si ton but est de réutiliser, il faut mettre une class. Cette dernière sera précédée d'un point dans le css:
<p class="machin">

p .machin{
}
0
Alexien10 Messages postés 10 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 28 août 2015 1
Modifié par Alexien10 le 14/07/2014 à 23:34
D'accord merci pour votre aide ^^.
0