Wie erstelle ich ein div-tag die überschrift mit Unterstreichung?

Siehe Wikipedia http://en.wikipedia.org/wiki/Css

Wenn du mal die überschrift, es heißt "Cascading Style Sheets", dann hat es eine Linie.

Wie machst du das?

.heading1 {
/* heading with underline */
}
man könnte einfach einen Blick auf die Quelle von wikipedia 😛
Sollten Sie Firebug installieren - es ist trivial einfach zu verwenden, dessen Inspektor, der Blick auf die CSS-Datei für ein bestimmtes element.

InformationsquelleAutor 001 | 2010-06-11

  1. 10

    Verwenden Sie die Grenzen:

    .heading1 {
    border-bottom: 1px solid #aaa;
}

    Und wenn Sie mit Firefox, Firebug, die Ihnen erlaubt zu prüfen jedes element die CSS-Attribute, so dass Sie nicht haben, zu erraten, wie ein bestimmter Stil umgesetzt wird.

    Sollten Sie .heading1{...} zu h1 {...}.
    Vielen Dank!!!! 🙂

    InformationsquelleAutor Tatu Ulmanen

  2. 4
    h1 {
  border-bottom: 1px solid gray;
}
    Funktionieren könnte aswell 🙂 vielen Dank

    InformationsquelleAutor knittl

  3. 3

    nur in der css: text-decoration: underline;

    InformationsquelleAutor David

  4. 2

    Wenn das div ist 100% breit ist, können Sie setzen eine untere Grenze 

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

    Als jeder sagte, firebug, können Sie auch mit google chrome integriert inspector(wie firebug).

    Oder Safari integriert Inspektor, wie gut. Und so weiter.

    InformationsquelleAutor nebkat

  5. 1

    Ist die Grenze, die falschen (Freizeit -) Weg, es zu tun. Besser verwenden Sie die "hr" - tag. Es macht einen betonen die Breite des übergeordneten div. Legen Sie es hinter dem text oder überschrift, die Sie möchten, Unterstrichen werden. Live-Beispiel:

    Cascading Style Sheets

    Der code würde wie folgt Aussehen (stark vereinfacht natürlich):

    <html>
<head>
  <title>Underline</title>
</head>
 <body>
  <p>Hello</p><hr>
 </body>
</html>

    Hoffe, das hilft!

    InformationsquelleAutor LPLP

Schreibe einen Kommentar