본문 바로가기

html태그소스수정

HTML태그 박스 테두리 꾸미기 border 사용법 안녕하세요 HTML 태그 공부 두번째 시간입니다~~^^ html 박스 구성 방식 중 오늘은 border 꾸미기에 대해 알아볼께요~~ ‼️ 예시입니다 !! border: 3px solid rgb(151,169,214); 1) 3px 는 테두리선의 두께 => 숫자가 커질수록 두꺼워지고, 테두리선을 안보이게 하고 싶으면 0으로 바꾸시면 됩니다 2) solid 는 테두리선의 종류 => 테두리선의 종류는 아래 4가지가 있습니다 : 실선 solid : 이중선 double : 점선 dotted : 절취선 dashed 3) rgb(151,169,214) => 테두리선의 색상 테두리간을 안보이게 하는 또다른 방법은 테두리선의 색상을 흰색(255,255,255)으로 바꾸시면 됩니다 border-radius: 20px; =.. 더보기
HTML태그 여백정의 padding 과 margin 사용법 안녕하세요 오늘은 HTML 태그를 쪼~끔배워볼께요 요즘 재미들려서, 이것저것 만저보는 중이거든요~~^^ html 박스 구성 방식입니다오늘은 margin 과 padding 에 대해... ◾️ margin은 외부 여백을 정의하는 테그 ◾️ padding은 내부 여백을 정의하는 테그 사용방법입니다 padding 뒤에 숫자를 하나만 넣으면, 박스안의 (상하좌우) 영역의 여백이 모두 동일해 집니다 ex) padding: 20px; ex) cellpadding: 20; padding 뒤에 숫자를 2개 넣으면, 순서대로 (상하,좌우) 영역의 여백을 정의할 수 있습니다 ex) padding: 20px 40px; ex) cellpadding: 20 40; padding 뒤에 숫자를 3개 넣으면, 순서대로 (위,좌우,아래.. 더보기