벨로그 꾸미기

Haeryun·2022년 3월 29일
4

기타

목록 보기
2/3

벨로그의 포스트 부분이 심심해 보여서 몇가지 좀 꾸며보기로 했다.

📖1. 글자색 바꾸기

글자색을 바꾸기 위해서는 을 생성해 인라인 방식으로 스타일을 주면 된다.

<span style="color: blue">글자색 바꾸기</span>

결과화면은 이렇다.

글자색 바꾸기

📖2. 배경색 바꾸기

마찬가지로 배경색을 바꿀 때도 다음처럼 사용하면 된다.

<span style="background-color: rgba(242,179,188,0.5)">배경색 바꾸기</span>

적용 화면

배경색 바꾸기

번외 - 추천 색코드

#8eb695, #fbdea2, #f2e2c6, #fb9da7, #fcccd4
#a3abe0, #d2bce1, #474566, #b4585a

#8eb695
#fbdea2
#f2e2c6
#fb9da7
#fcccd4
#a3abe0
#d2bce1
#474566
#b4585a

📖 3. 글자 스타일 바꾸기

*이탤릭*
_이탤릭_
**볼드**
__볼드__
~~취소선~~

다음은 결과화면이다.

이탤릭
이탤릭
볼드
볼드
취소선

📖4. 이모티콘 넣는 법

다음 단축키를 누르면 이모지 창이 뜬다💌

👉 MacOS ctrl + cmd + space bar

👉 Windows window key + semi colon || window key + . (period)

👉 Linux (right click) select insert emoji

profile
프론트엔드 개발자. 벨로그 시작 2022.03.28~

2개의 댓글

comment-user-thumbnail
2022년 6월 10일

도움이 되었습니다 :)

답글 달기
comment-user-thumbnail
2023년 9월 24일

잘 보고 갑니다!

답글 달기