[블로그 꾸미기] 제목 디자인 #3 테두리가 둥근 정사각형 제목

 

 

참고여기서 사용한건 h1을 대표로 사용하였지만 제목을 나타내는 h1~h6 태그 중 원하는 것으로 바꿔 사용할 수 있다.
티스토리 스킨편집 화면의 css에 코드를 붙여넣자. 기본적으로 제목 태그는 에디터에서 지정할 수 있기 때문에 html을 사용할 필요가 없다.

 

제목 디자인 예시

 

 

CSS 코드

See the Pen rNxvqeE by Susu Soso (@susu-soso) on CodePen.

 

글자색을 바꾸고 싶다면 color 뒤에 있는 #086972에 원하는 색상코드를 넣고, 테두리 색을 바꾸고 싶으면 #01a9b4를 원하는 색상코드로 바꾸자. 테두리 굵기는 solid 뒤에 있는 숫자가 커질 수록 두꺼워져. padding은 여백으로 순서대로 위, 아래, 좌, 우 여백을 의미해.

 

난 테두리가 둥근 사각형이 아닌 직사각형으로 하고 싶어.

 

그럴땐 border-radius를 0으로 바꾸거나 지우면 돼