호버 효과가있는 탐색 버튼

Question

이 페이지의 버튼 스타일을 동일한 호버 효과가 적용된 http://oakespavers.com/ (왼쪽)으로 복제하고 싶습니다. 시도 할 때마다 상자의 텍스트 만 영향을받습니다. 전체 div가 마우스 오버시 색상이 변경되고 코드가 정말 간단하게 유지되기를 바랍니다.

Answer 1

이 그것을 할 수 있습니다

HTML :

<a href="#">Home</a> 
<a href="#">Our Blog</a> 
<a href="#">Contact US</a> 
​ 

CSS : 여기

a { 
    border-radius: 5px; 
    font-weight: 600; 
    text-align: left; 
    font-family: "Verdana", "Geneva", "sans-serif"; 
    text-transform: none; 
    letter-spacing: 0px; 
    font-weight: bold; 
    font-size: 12px; 
    display: block; 
    padding: 10px 20px; 
    color: #666; 
    background-color: #E1E1E1; 
    text-decoration: none; 
    width: 225px; 
    margin: 5px; 
} 
a:hover { 
    color: white; 
    background-color: #75D039; 
} 

는 예를 들어