개발 공부 기록

게이지바를 포인팅할 삼각형이 필요해서 삼각형 도형을 만들어보았다. HTML코드 CSS 코드 .triangle{ width: 0px; height: 0px; border-top: 25px solid transparent; border-right: 50px solid red; border-bottom: 25px solid transparent; } .triangle-2{ width: 0px; height: 0px; border-top: 25px solid transparent; border-left: 50px solid green; border-bottom: 25px solid transparent; } .triangle-3{ width: 0px; height: 0px; border-top: 50px sol..

tistory에서 제공하는 코드 블럭을 통해 블로그 글에 코드를 넣는 방법에 대해서 알아보았다. 게시글 작성시 코드블럭을 선택한 뒤, 원하는 언어를 선택하고 코드를 입력한다. 확인 버튼을 누르면 아래와 같이 코드가 삽입된다. .gauge-box{ height: 100vh; width: 180px; } .gauge-p{ font-size: 24px; font-style: bold; color: white; text-align: center; } .gauge-bar{ width: 50px; height: 400px; } 만약 업로드할 코드블럭의 테마를 변경하고 싶다면, 설정 -> 플러그인 -> 코드 문법 강조 에서 원하는 테마를 선택하면 된다.