border

Zweifarbige border

Linien mit CSS zweifarbig gestalten

Eine zweifarbige border kann mit dem border-style groove erstellt werden. Es wird nur einen Farbwert angeben und der zweite Wert errechnet sich.

<style type="text/css">
.box {border-top: 2px groove #fff;}
</style>

Beispiel:

zweifarbige border mit groove

Für exakte Farbwerte eignet sich folgende Anpassung.

<style type="text/css">
.box {
    border-top: 1px solid #666;
    box-shadow: 0 1px 0 #fff inset;
}
</style>

Beispiel:

zweifarbige border mit box-shadow

Impressum