Dev Faq
7
votes

Comment créer un étiquette de div en dirigeant un soulignement?

Voir Wikipedia http://en.wikipedia.org/wiki/css

Si vous regardez l'en-tête, il dit «des feuilles de style en cascade», puis il a un soulignement. P>

Comment faites-vous cela? Strong> p> 

.heading1 {
/* heading with underline */
}

css
2 commentaires

Vous pouvez simplement regarder la source de Wikipedia: P

Vous devriez installer Firebug - il est trivialement facile à utiliser son inspecteur pour regarder le CSS pour un élément particulier.

5 Réponses :

4
votes 
h1 {
  border-bottom: 1px solid gray;
}
0 commentaires
17
votes

Utiliser les bordures: xxx

et si vous utilisez Firefox, obtenez Firefox, ce qui vous permet d'inspecter les attributs CSS de tout élément afin de ne pas avoir à deviner comment un certain style est mis en œuvre .

1 commentaires

Vous devriez changer .heading1 {...} à h1 {...} .

2
votes

Si la div est de 100% de large, vous pouvez mettre une bordure inférieure 

.heading1 {
   border-bottom: 1px solid #000;
   width:100%;
}

1 commentaires

Ou l'inspecteur intégré de safari, également. Etc.

1
votes

La frontière est la mauvaise façon (amateur) de le faire. Mieux vaut utiliser la balise "HR". Il fait un soulignement une largeur du parent div. Mettez-le après le texte ou la tête que vous souhaitez souligner. Exemple en direct:

Feuilles de style en cascade

Le code ressemblerait à ceci (simplifié, bien sûr): xxx

espère que cela aide!

0 commentaires
4
votes

Il suffit d'ajouter dans la CSS: Texte-Décoration: Souligné;

0 commentaires

Articles qui pourrait vous intéresser :

Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Mettez en surbrillance l'élément d'étiquette après avoir cliqué sur la case à cocher
Changer la direction de défilement de la page Web sur la version mobile
Target first-child css styled-components