css (배경 1-2) 기초 2-1편
·
개발/CSS
웹사이트나 티스토리를 보면 배경을 색으로 지정 해놓은 것이 아닌 이미지를 배경으로 한곳을 종종 볼수 있습니다 . 이번에는 색이아닌 background 로 이미지를 넣는 방법을 배워보도록 하겠습니다. 원하는 이미지를 html이 저장되어 있는 폴더에 옮겨놓고 진행 하시면 됩니다. CSS 기초배우기 저는 바디 태그에 백그라운드에 이미지를 첨부하겠습니다 .명령어는 다음 과같습니다 background-image : url (이미지파일이름) ; 그리고 이미지가 화면테 꽉차게 나올수 있다록 백그라운드 사이즈를 100%르 사용하였습니다. 결과 값은 이렇게 나왔습니다 구글에 검색 기본 배경화면입니다 필요하신분은 이 사진을 사용하시면됩니다.
css (배경) 기초 2편
·
개발/CSS
저번 블로그에서는 글자 색을 변경 해보았습니다. 그러면 저희는 이제 배경 색을 바꾸는 법을 알아보겠습니다. CSS 에서는 배경색을 background 라고합니다. 태그 style 안에 background-color : " 색상" 이라고 작성 해주시면 됩니다. 저는 태그와 태그의 배경 색을 변경 해보겠습니다. 컬러를 지정해주는 방식은 3가지가 있습니다. 텍스트로 색을 지정해주는방식 RGB값으로 지정해주는방식 RGB의 HEX값으로 지정해주는 방식이 있습니다. 그럼 순서대로 설정해주는 코드를 보여드리겟습니다. 1. 텍스트로 색을 지정해주는 방식 CSS 기초배우기 바디 태그와 h1 태그에 안에 style 속성을 사용하여 색을 텍스트로 적어 두었습니다 . 이렇게 결과 가 나오신걸 볼수 있습니다. 2. RGB값으로..
CSS (글자색) 기초 1편
·
개발/CSS
CSS는 HTML을 기본지식으로 두고있으며 CSS를 공부하려면 HTML을 공부하고 진행하셔야 사용가능합니다. 이번 기초 1편에서는 글자의 색깔 을 바꾸는 것을 해보겠습니다. 일단 CSS 을 사용하려면 HTML태그에 Style을 사용 써주셔야합니다. 일단 제목의 색깔을 초록색으로 바꿔 보겠습니다 문법은 이렇습니다. CSS 기초배우기 style 안에 color : green 이라고 해주었습니다 이게 다입니다. 결과 는 아래 사진에있습니다.