인라인 코드블럭(inline code block) 적용 방법

 

티스토리 스킨에 인라인 코드블럭 적용하는 방법

 

1. 티스토리 설정 -> 스킨 편집 -> html 편집 -> css

2. css의 code 부분에 아래 코드를 추가

 

/* inline code block 추가 */
code {
    padding: 0.25rem;
    background-color: #f0f0f0;
    border: 1px solid #dadada;
    color: #DC143C;
    border-radius: 5px;
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin: 0 5px;
}

 

HTML 색상 코드를 사용해서 배경이나 텍스트를 원하는 색상으로 변경할 수 있습니다!

 

 

인라인 코드블럭이 적용된 모습

 

 

 

 

 

 

참고)

 

https://seons-dev.tistory.com/entry/%EC%9D%B8%EB%9D%BC%EC%9D%B8-%EC%BD%94%EB%93%9C%EB%B8%94%EB%9F%AD-%EC%A0%81%EC%9A%A9-%EB%B0%A9%EB%B2%95

(티스토리) 포스팅에 인라인 코드블럭(inline code block) 적용 방법 및 팁!

 

https://dasima.xyz/html-colors/

HTML 색 배경, 글자색, 테두리색 및 색상코드 목록 - dasima