2016-06-30 9 views
-1

Wie macht man border-bottom innerhalb Block nach Hover-Ereignis?Wie man Grenzboden innerhalb des Blockes bildet?

Ich habe versucht, diesen Text-Schatten verwenden, aber es scheint nicht Lösung

+1

Sie müssen uns den Code zeigen, dass Sie versuchen, sonst werden wir nicht in der Lage sein, Ihnen zu helfen .. –

+1

Können Sie es ein bisschen erklären .. mit einem codepen Probe oder den Code zur Verfügung stellen Sie haben versucht .. –

+0

Mögliches Duplikat von [Rand innerhalb von div und nicht an seinem Rand] (http://stackoverflow.com/questions/9601357/placing-border-inside-of-div-and-not-on-- seine Kante) – blonfu

Antwort

8

Ein Insetbox Schatten zu sein scheint, ist das, was Sie benötigen

div { 
 
    height: 75px; 
 
    background: #c0ffee; 
 
} 
 

 
div:hover { 
 
    box-shadow: inset 0 -5px 0 red; 
 
}
<div></div>

OR

Verwenden Sie ein Pseudo-Element

div { 
 
    height: 75px; 
 
    background: #c0ffee; 
 
    position: relative; 
 
} 
 

 
div:hover::after { 
 
    content: ''; 
 
    position: absolute; 
 
    bottom: 0; 
 
    width: 100%; 
 
    height: 5px; 
 
    background: red; 
 
}
<div></div>

Verwandte Themen