2017-10-14 8 views
-1

이 스타일을 가리 키도록 도와주세요. 모두에게 감사드립니다!HTML 요소에 마우스를 가져 가면이 스타일 테두리가 뜨겁습니다.

very impressive hover style

+0

StackOverflow에 오신 것을 환영합니다! 코드를 추가 할 수 있습니까? 너 시도 했니? 감사! –

+0

죄송합니다, 나는 멍청 해요 그래서 이것에 대해 잘 모르겠습니다. ( –

+0

적어도 코드를 직접 작성하려고 할 것으로 예상됩니다. 스택 오버플로는 코드 작성 서비스가 아닙니다. [** 추가 연구 **] (http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users), Google을 통해 또는 검색을 통해 그럼, 시도하고 만약 당신이 여전히 문제가 있다면, ** 당신의 코드 **로 돌아와서 무엇을 시도했는지 설명하십시오. –

답변

1

당신은 중복이 개 된 div를 사용해야합니다, 하나는 다른 사람을 다루고 있지만, 낮은 사업부의 경계를 표시하기 위해 모서리를 둥글게했습니다

working example

#div1{ 
 
     position:absolute; 
 
     top:9px; 
 
     left:9px; 
 
     height:100px; 
 
     width:100px; 
 
     background-color:white; 
 
    
 
    } 
 
    
 
    #div1:hover{ 
 
     border:1px solid black; 
 
    } 
 
    
 
    #div2 { 
 
     position:relative; 
 
     top:-1px; 
 
     left:-1px; 
 
     height:102px; 
 
     width:102px; 
 
     background-color:white; 
 
     border-radius: 15px; 
 
    }
<div id="div1"/> 
 
<div id="div2"/>

+0

HTML 코드를 작성할 수 있습니까? thanks –

+0

@TrungVuHuu html을 포함하도록 업데이트 된 답변 – Dale