Amazing Story

안녕하세요오늘은 누끼따기 프로그램을 추천해드리려고 합니다. 포토샵 장인 부럽지 않게 5초만에 인물사진 깔끔하게 누끼따주는 이름하여 remove.bg 입니다.(이름을 클릭하면 www.remove.bg 사이트로 이동합니다) 이름부터 예사롭지 않네요. 배경화면을 없애주겠다는데어디 실력 한 번 볼까요? ^^ 사이트에 들어가면 첫 화면이 이렇게 뜹니다.단한번 클릭으로 5초만에 자동으로이미지의 배경을 없앤다고 하네요!! 사이트 하단에 어떻게 사용하는지 샘플이미지로 나와있는데,저도 한번 직접 사용해보겠습니다. 자, 사진을 한번 넣어볼까요?오늘의 모델은 아이유님 부탁합니다^^주연으로 출연한 영화 가 넷플릭스에서 개봉한다고 하길래네이버 영화에서 분위기 있는 사진을 가져와봤어요~(사실, 영화는 보지 않아서 무슨 내용인지는..

(7) 배경(background)- 배경속성은 마진영역을 제외한 박스영역에 설정할 수 있고 다음과 같은 속성이 있음 (요약) 배경속성의 종류가. background-color나. background-image다. background-repeat라. background-position마. background-attachment바. background-size ※ 예제를 시작하기 전에 준비물을 알려드리려고 합니다. 저는 설명을 위해 20px*20px의 하트 이미지를 사용했어요. 크기는 상관없고, 실습용 이미지를 준비해주세요^^ 가. background-color- 모든박스의 배경색은 투명이며, 폼요소는 배경색이 미리 지정되어 있음- 요소를 투명하게 만들려면, background-color: transpare..

4. Box model(박스모델) - CSS가 HTML문서를 제어할 때 사용하는 기본단위는 Element이며 이때 요소를 네모상자(box)로 취급하여 모든 스타일의 기본 속성(1) 박스모델의 종류1) width, height → content 크기2) padding → 테두리와 콘텐츠와의 여백3) margin → 테두리 바깥쪽 여백4) border → 요소의 테두리5) background (2) 모든 브라우저는 사용자가 스타일을 적용하지 않더라도 기본값(초기값)이 적용된 상태- 여백을 최소화(0으로 셋팅)- margin, padding → 0으로 셋팅- border → 일부요소를 제외하고 테두리값은 없음 (참고1) 크롬(chrome) 브라우저 이용하기- 해당요소에서 마우스 우클릭(또는 F12)하여 검사-..