버튼을 그릴 때 입체감을 주기 위해서 2색을 주어서 버튼을 그릴 수 있을까?
일단 방법은 많다.
가장 간단한 방법은 outline 스타일을 이용하는 방법이다.
그러나 이 방법은 단점이 있다.
border-radius를 먹일 때 모서리가 떨어진다.
그 이외에는 shadow를 사용할 수도 있다.
button태그가 아닌 앵커 태그라면 내부 span을 사용하면 외곽선을 2개뿐 아니라 이론적으로 n개도 줄 수 있다.
as commented, 2 easy options : box-shadow and outline:
일단 방법은 많다.
가장 간단한 방법은 outline 스타일을 이용하는 방법이다.
그러나 이 방법은 단점이 있다.
border-radius를 먹일 때 모서리가 떨어진다.
그 이외에는 shadow를 사용할 수도 있다.
button태그가 아닌 앵커 태그라면 내부 span을 사용하면 외곽선을 2개뿐 아니라 이론적으로 n개도 줄 수 있다.
as commented, 2 easy options : box-shadow and outline:
button{
border: 1px double white;
outline: 1px solid #f26700;
}
button{ border: 2px solid white; box-shadow:0 0 0 0px white, 0 0 0 2px #F26700; }