<div class="outer">
<div class="inner"></div>
</div>
body {
width: 500px;
margin: 50px auto;
}
.outer {
border-radius: 20px;
width: 200px;
height: 200px;
background: pink;
padding: 50px;
margin: 10px;
}
.inner {
border-radius: 20px;
width: 100%;
height: 100%;
background: salmon;
}
$('.outer')
.mouseover(function(){
$('body').append('<p>마우스오버를 실행합니다.</p>')
})
.mouseenter(function(){
$('body').append('<p>마우스엔터 실행</p>')
})
This Pen doesn't use any external CSS resources.