블로그 꾸미기 - 해커같은 배경 및 글자색 변경하기 CSS,HTML 편집

#블로그 꾸미기 - 해커같은 배경 및 글자색 변경하기 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/

 

조금이라도 도움이 되었다면 공감 및 댓글 주세요~~