#블로그 꾸미기 - 해커같은 배경 및 글자색 변경하기 CSS,HTML 편집
요약~.
1. 내가 바꾸고 싶은 요소를 찾는다.
2. 그 요소에 적용된 CSS을 찾아서 배경과 글자색을 변경한다.
F12을 눌러서 소스코드 보기를 합니다. 크롬기준
소스부분에서 찾기(crtl + f)을 눌러 foot을 검색합니다.
foot이란 페이지 하단부분을 가르키는 말입니다.
그리고 하단부는 여러 박스모델로 이루어져 있는데 하나의 박스가 <div>태그입니다.
<div>박스중 id = footer-widget을 찾습니다.
해석하자면, 이 박스(div)는 footer-widget이라는 디자인이 id로 적용이 되었다 입니다.
그러면 footer-widget이라는 디자인만 바꾸면 되죠 ~.
하나더 뺀아래 저작권 표시 박스도 찾아줍니다.
저 박스는 footer라는 id의 디자인이 적용 되었습니다.
결론 :
footer와 footer-widget의 디자인을 바꿔줍니다.
CSS편집으로 들어가서 #footer와 #footer-widget을 찾아줍니다.
(여기서 #은 id라는 뜻입니다. #footer를 해석하자면 footer라는 id를 정의했고, 디자인은 {}안에 적어 두었다.!)
배경을 바꿔주는 background-color을 아래 사진처럼 바꿔주고
글자색을 바꿔주는 color을 아래 사진 처럼 바꿔주고 적용.~
적용결과 이쁜 민트색들로 바뀌었군요.
회색 글자와 흰색 글자는 다른 디자인 요소가 적용 되서 그렇습니다.
link 라는 요소를 다음에 바꿔야 겠군요.~
플라즈마 IT 블로그 - 코딩 공부 정리, IT 정보 공유
https://plasmacodeing.tistory.com/
조금이라도 도움이 되었다면 공감 및 댓글 주세요~~
'Web&Dev' 카테고리의 다른 글
리덕스는 왜 쓰는가? (0) | 2020.01.22 |
---|---|
React JS 개발일지 AntDesign 튜토리얼 CSS 프레임워크 시작 (0) | 2020.01.21 |
블로그 꾸미기 - 해커같은 배경 및 글자색 변경하기 CSS,HTML 편집 2 (0) | 2019.07.13 |