html

<div class="btn_wrap">
  <a href="http://aaa.com" target="_blank"><button>홍길동</button></a>
  <a href="http://aaa.com" target="_blank"><button>홍길동</button></a>
  <a href="http://aaa.com" target="_blank"><button>홍길동</button></a>
  <a href="http://aaa.com" target="_blank"><button>홍길동</button></a>
</div>

css

.btn_wrap{width:400px;margin:0 auto;}
button{
  border:3px solid #000;
  background:#333;
  color:#ccc;
  width:160px;
  heihgt:47px;
  line-height:47px;
  font-family:'바탕체';
  font-size:20px;
  margin-bottom:10px;
  margin-right:10px;
}

해보시고 안되시는 점은 http://kakao.eond.com 으로 문의주세요.

버튼을 감싸는 div의 클라스명 기준으로 잡히는 버튼이니까

css는 사용하시는 레이아웃의 css 파일에 넣으시고

버튼을 감싸는 div의 클라스명만 유지하시면 될겁니다.

그 부분이 테두리가 맞습니다.

간혹 버튼의 설정 css 값이 상위값을 따라가는 경우가 있으니까

border:3px solid#000 !important; 로 강제 규정해 보십시오.