HTML문서51 HTML 순서가 지정되지 않은 리스트(Unordered Lists) HTML 태그는 정렬되지 않은(글머리 기호가 없는) 목록을 정의한다. HTML 순서가 지정되지 않은 리스트 순서가 지정되지 않은 리스트는 태그로 시작한다. 각 목록 항목은 태그로 시작한다. 리스트 항목은 기본적으로 글머리 기호(작은 검은색 원)로 표시된다: 순서가 지정되지 않은 리스트 커피 차 우유 순서가 지정되지 않은 HTML 리스트 - 리스트 항목 마커 선택 CSS list-style-type 속성은 목록 항목 마커의 스타일을 정의하는 데 사용됩니다. 다음 값 중 하나를 가질 수 있습니다: 값 설명 disc 리스트 항목 마커를 글머리 기호로 설정합니다(기본값) circle 리스트 항목 마커를 원으로 설정합니다 square 리스트 항목 마커를 사각으로 설정합니다 none 리스트 항목에 마크되지 않는다... 2023. 5. 13. HTML 테이블 Colgroup 요소는 테이블의 특정 열에 스타일을 지정하는 데 사용된다. HTML 테이블 colgroup 테이블의 두 첫 번째 열에 스타일을 지정하려면 및 요소를 사용한다. 요소는 열 사양의 컨테이너로 사용해야 한다. 각 그룹은 요소로 지정된다. 범위 특성은 스타일을 가져오는 열 수를 지정한다. 스타일 특성은 열에 제공할 스타일을 지정한다. 참고: colgroup에 대한 합법적인 CSS 속성 선택은 매우 제한적이다. HTML 테이블 colgrup 두 열에 걸쳐 있는 콜 요소를 사용하여 콜 그룹을 추가하여 두 열의 스타일을 정의합니다: 월 화 수 목 금 토 일 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 참고: 태그는 요소의 자식이.. 2023. 5. 12. HTML 테이블 스타일 CSS를 사용하여 테이블을 더 보기 좋게 만듭든다. HTML 테이블 - Zebra Stripe(얼룩말 줄무늬) 다른 모든 테이블 행에 배경색을 추가하면 멋진 얼룩말 줄무늬 효과를 얻을 수 있다. 다른 모든 테이블 행 요소에 스타일을 지정하려면 다음과 같이 :nth-child(even) 선택기를 사용한다: 얼룩말 줄무늬 스타일 테이블 얼룩말 줄무늬 테이블의 경우 n번째 자식() 선택기를 사용하고 모든 짝수(또는 홀수) 테이블 행에 배경색을 추가합니다: 이름 성 포인트 길동 홍 100원 철수 이 150원 순이 강 300원 영희 최 250원 수평, 수직 얼룩말 줄무늬 조합 스타일 위의 두 예제에서 스타일을 결합할 수 있으며 다른 모든 행과 다른 모든 열에 줄무늬가 있다. 투명한 색상을 사용하면 중복 효과가 있.. 2023. 5. 11. HTML 테이블 Colspan & Rowspan HTML 테이블에는 여러 행 및/또는 열에 걸쳐 있는 셀이 있을 수 있다. HTML 테이블 - Colspan 여러 열에 걸쳐 셀 범위를 설정하려면 colspan 속성을 사용한다: 두 열에 걸쳐 있는 셀 셀 범위를 둘 이상의 열로 만들려면 colspan 속성을 사용합니다. 이름 나이 길동 홍 43 철수 이 57 참고: colspan 속성의 값은 스팬할 열 수를 나타낸다. HTML 테이블 - Rowspan 여러 행에 걸쳐 셀 범위를 설정하려면 rowspan 속성을 사용한다: 두 행에 걸쳐 있는 셀 셀 범위를 둘 이상의 행으로 만들려면 rowspan 속성을 사용합니다. 이름 길동 전화번호 555-1234 555-8745 참고: rowspan 특성의 값은 범위를 지정할 행 수를 나타낸다. 마무리 이번 글에서는 .. 2023. 5. 10. 이전 1 ··· 5 6 7 8 9 10 11 ··· 13 다음
