탭 테두리 색상, 보더만으로 처리할 수 있을까요?

탭을 만들고 있는데 마우스를 올리거나 선택했을 때 탭을 감싼 테두리 색도 같이 바꾸고 싶어요.
배경 이미지 없이 보더만으로 구현할 수 있을까요? 작업하다 막혀서 질문드려요.
탭 사이 선은 `margin-left: -1px`로 겹치게 했는데 원하는 모양이 잘 안 나오네요.
지금은 1px 너비의 그라데이션 배경 이미지도 쓰고 있어요.
보더로 처리하는 방법이나 구현 팁이 있을까요?