반응형 티스토리 소제목 라인 만들기2 티스토리 소제목 라인 만들기 티스토리 소제목 라인 만들기입니다. 소제목의 라인 만들기란 하기처럼 제목 좌측과 밑단에 선이 그러지는 것을 말합니다. 선의 두께 및 색상까지 모두 조정이 가능하고, 소 제목을 조금 더 부각 해줄 수 있기 때문에 가독성 즉 글을 읽기에 편해지겠습니다. 물론 해당 스타일을 적용한다고 해서 SEO(검색엔진 최적화)에 유리하다거나 매우 좋다고 할 수는 없습니다. SEO는 HTML 태그의 목적과 구성이 정확해야 더 높은 점수를 받을 수 있으니 타이틀에는 타이틀 태그를 문단에는 문단 태그를 각자 목적에 맞는 태그를 구성하는 것이 좋겠습니다. 그럼, 다시 티스토리 소제목에 밑줄 긋는 방법에 대해서 계속 진행해 볼까요? 티스토리 소제목에 밑줄을 그어주는 CSS 스타일 선언은 여러 가지 방법이 있습니다. 여기서는 두 가.. 앱 만들기/CSS 2023. 7. 16. CSS 테두리 면 설정하기 와 티스토리 소제목 라인 만들기 앞 포스팅에서는 CSS border 속성을 가지고 네 면에 테두리 선을 그려보았습니다. 이번에는 네면이 아니 특정 면을 지정해서 해당 면에만 테두리 선을 그려봅니다. 티스토리 본문내용 중 소제목을 강조하기 위해서 많이 사용되는 방식입니다. 먼저 예제를 만들어 볼까요? CSS 스타일과 스타일이 적용될 P 요소(element)를 코딩합니다.border-top, right, bottom, left(위치)-style테두리의 4면을 각각 다른 선으로 구성합니다. 여기서 중요한 포인트는 border-top, right, bottom, left(위치)-style을 선언하여 원하는 위치에 속성값을 설정합니다. Individual Border Sides 2 different border styles. 결과는 하기와 같습.. 앱 만들기/CSS 2023. 7. 14. 이전 1 다음 반응형