본문 바로가기

css3

html css ul li 옵션 Pixabay의 yatsusimnetcojp의 이미지. 목차 html 리스트에서 ul li의 옵션을 정리해 둡니다. 기본 안녕하세요 html css ul li 옵션 안녕하세요 html css ul li 점 없애기 안녕하세요 점 없애기 점 & 들여쓰기 없애기 안녕하세요 점 없애기 & 들여쓰기 없애기 리스트의 점 대체 모양 none 아무 표시 없음 disc 점 circle 속이 빈 원 square 사각형 decimal 숫자 lower-roman 로마숫자 소문자 upper-roman 로마숫자 대문자 lower-alpha 알파벳 소문자 upper-alpha 알파벳 대문자 테스트 해볼 수 있는 사이트 https://www.w3schools.com/tags/tag_ul.asp HTML ul tag W3Schools.. 2024. 3. 21.
css margin padding 블로그를 좀더 자주쓰면서 꾸미기도 해보면서 알게된 css margin padding의 관계 1. margin, padding 개념 css로 꾸미기 할때, 자주 보게되는 margin, padding, border의 개념도이다. 개인적으론, - border는 거의 선(Line)의 느낌 - margin은 줄 간격 - padding은 text 장식(?)으로 이해되는데, 깊게 할건 아니라서 여기까지. 2. css margin, padding 적용 방식 실제로 사용할때 보면, margin이나 padding 뒤에 붙이는 파라미터 수가 다른데, 아래를 참고하여 확인 /* 네 면 모두 적용 */ padding: 1em; margin: -3px; /* 세로방향 | 가로방향 */ padding: 5% 10%; /* 위 | .. 2024. 2. 17.
티스토리 css 제목 꾸미기 티스토리 css로 제목 꾸미기를 하면서 저장용으로 기록합니다. (※ "제목1"은 h2입니다.) 제목1 티스토리 CSS 수정 ----→ .entry-content h2 제목2 티스토리 CSS 수정 ----------→ .entry-content h3 제목3 티스토리 CSS 수정 -------------------→ .entry-content h4 --- 이건 지웠습니다. .entry-content h2 { clear: both; margin: 29px 0 22px; font-size: 1.5em; line-height: 1.5; color: #000; /*꾸미기*/ border-style: solid; border-width : 0px 0px 1px 14px; border-color: #CDCDCD; ba.. 2024. 2. 16.