<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>')
  })

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://code.jquery.com/jquery-2.2.4.min.js