HTML
HTML 6강. input 태그 디자인
3가지 버튼을 디자인해볼 것이다. * 최종 완성본 * 우선 button타입 input 태그를 3개 만들어준다. 내가 원하는 위치, 크기를 디자인하기 위해서는 원래 태그들이 가지고 있는 속성들을 모두 초기화해주는 것이 좋다. html의 모든 css 속성을 초기화하기 위해 style태그에 * { padding : 0px; margin : 0px; } 을 지정해놓자. 모든 패딩과 마진이 사라지고 따닥따닥 붙어있는 것을 볼 수 있다. 검색이라고 적힌 버튼에 우클릭하여 검사를 눌러보면 패딩과 마진이 모두 빠지고 border가 4면에 2씩 남아있는 것을 볼 수 있다. button이 가지고 있는 고유한 속성인데 만약 저 버튼의 높이를 50px로 주면 자동으로 border의 두께 4를 빼고 버튼의 순수 높이가 46px..
2022. 1. 3. 21:36