javascript - 마우스를 올리면 빨간색 테두리가 표시되는 효과를 얻는 방법

Question

이 효과를 만든 사람은 누구입니까? ​​이것은 border-right:1px solid #eee;border-bottom:1px solid #eee; 사용법을 사용하여 작성한 것입니다. ul li:hover{border-color:#ed9639;} 마우스를 가리키면 왼쪽에도 빨간색 픽셀 프레임이 생기도록 하세요

Answer 1

상품명마다 오른쪽과 아래쪽만 있는 것 같은데요?

호버링 시 인접한 요소의 왼쪽 색상을 각 항목마다 왼쪽과 아래쪽으로 변경하는 것이 더 좋을 것 같습니다.

예:

으아악 으아악

http://runjs.cn/detail/ibxy9qab

Answer 2

으아악

Answer 3

상자 그림자

Answer 4

왼쪽 리에 막혀있나요? 가장 왼쪽에 있는 것의 가장자리가 빨간색입니까?

Answer 5

Border-left가 작동하지 않나요?

Answer 6

셀렉터의 무게가 너무 작아서 덮어쓰기가 된 걸까요?

Answer 7

호버링 시 Z-색인을 설정해야 합니다. 국경이 가려지지 않도록 다른 레벨보다 높습니다

Answer 8

답변 감사합니다. 해결 방법을 찾아 공유해 드립니다.
http://www.jb51.net/css/14548...