Est-il possible de faire le code HTML de souligner plus épais?

J'ai un div centré avec un imbriquée h1 à l'intérieur. Est-il possible de le souligner, avec un trait plus épais que le html par défaut?

OriginalL'auteur Rodrigo | 2010-06-28

  1. 13

    Cela va vous donner le contrôle sur la U de la balise de souligner:

    <style type="text/css">
  u {
    text-decoration: none;
    border-bottom: 4px solid black;
  }
</style>

    Dans ce cas, le trait de soulignement sera de quatre pixels.

    Ce n'est pas le même que le soulignement. Soulignement ci-dessous glyphe de base, et "à travers" les jambages de 'y', 'g', etc. Ce n'est pas le cas avec le bas de la bordure.

    OriginalL'auteur Gert Grenander

  2. 4

    Je ne recommande pas du CSS, mais ont utilisé ici par souci de concision:

    <h1 style="border-bottom: 5px solid black">
    border-bottom: de la propriété ici..
    bonne idée, je l'ai modifié en conséquence

    OriginalL'auteur RedFilter

  3. 0

    Vous pouvez être en mesure d'atteindre le même effet visuel avec border-bottom-width;

    h2
{
  border-bottom-color:black;
  border-bottom-style:solid;
  border-bottom-width:15px;
}d

    OriginalL'auteur Matthew Vines

  4. 0

    Puisque vous n'avez pas toujours envie de la frontière-bas (par exemple, l'élément peut avoir de remplissage et elle apparaît trop loin), cette méthode fonctionne mieux:

    h1:after {
    content: '';
    height: 1px;
    background: black; 
    display:block;
}

    Si vous voulez un plus gros souligner, ajouter plus de height

    Si vous voulez plus ou moins d'espace entre le texte et le trait de soulignement, ajouter un margin-top:

    h1:after {
    content: '';
    height: 2px;
    background: black; 
    display:block;
    margin-top: 2px;
}

    OriginalL'auteur jake