Button (2) 썸네일형 리스트형 [TroubleShooting / CSS] button border ( border: none ) 최상위 태그의 border 가 solild 4px black 으로 주어진 상황에서add to cart 란 버튼에 윗줄만 border-top 을 주려고 하면 아래 사진처럼 버튼의 테두리가 부자연스러운 모습을 볼 수 있는데, 이는 버튼 태그는 기본적으로 브라우저에 의해 border 가 1.714로 설정되어 있기 때문입니다. 먼저 border: none 을 주어서 기본 border 를 0으로 만든 후, 추가로 border-top 을 줘야 매끄럽게처리가 가능해집니다. [html] <button> 에서 굳이 type에 button 을 적어주는 이유 에서 type에 button을 명시하는 이유는 기본적으로 태그의 type 속성 값은 "submit"이다.그래서 만약에 태그를 사용하면서 클릭 시에 submit이 실행되지 않기를 원한다면,type="button"을 추가해주면 된다. ( type 을 구체적으로 명시하지 않으면 기본, type="submit" 으로 동작된다) 또한, form 태그에 속하지 않은 input에서 엔터키를 눌렀을 때, 이슈가 발생하는데,이를 해결하기 위해서도 태그에서 type="button"을 명시해주는 것이 좋다. 그러나, button 태그의 type 속성 값인 submit, reset, button은 input 태그의 type 속성으로도 사용할 수 있다.그렇다면, 태그를 사용하는 것보다 태그를 사용하는 것이 더 다양한 .. 이전 1 다음
