Styling der & lt; hr / & gt; Element

Ich versuche, meine <hr /> (hr) - element rosa, und bin mit der folgenden css-Regel für diese:

hr {height: 1px; color: #ed1d61;background-color: #ed1d61;
}

Aber es ist immer noch eine schwarze Linie zeigt durch.

(hier ist ein Blick auf die Website, die ich mache: http://www.yemon.org/ , es ist die einzige horizontale Linie in der Gestaltung.

Wie bekomme ich die Zeile uniform rosa?

InformationsquelleAutor der Frage Jelmar | 2011-02-05

  1. 46

    Ändern Sie diese:

    hr {
    height: 1px;
    color: #ed1d61;
    background: #ed1d61;
    font-size: 0;
    border: 0;
}

    InformationsquelleAutor der Antwort Marwelln

  2. 13

    Blick auf Ihre Seite, ich denke, das würde am besten Aussehen:

    hr {height: 2px;
    background-color: #ed1d61;
    border:none
}

    Einer demo hier.

    InformationsquelleAutor der Antwort dogbane

  3. 6

    Versuchen Sie, die border-color-Eigenschaft: border-color:#ed1d61;

    InformationsquelleAutor der Antwort Brian Flanagan

  4. 5

    Das hr-element ist aus der Grenze, so dass ein einfaches border:none und entfernen Sie das überschüssige.

    Dann Sie haben einfach zu spielen auf Ihrer Höhe zu machen, so dick, wie Sie möchten.

    InformationsquelleAutor der Antwort Yahel

  5. 2

    Versuchen Sie dies:

    .hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    margin: 25px;
}

    InformationsquelleAutor der Antwort Ricardo Sant'Anna

Schreibe einen Kommentar