css 목록 태그 list 와 표 태그 table 상세 설명
1.목록 항목 스타일 list-style-type
목록 이 없 으 면 기본적으로 dist 실심 원 이 고,질서 있 는 목록 은 기본적으로 decimal 아라비아 숫자 입 니 다.(앞 에 0 이 없 음)
다른 무질서 목록 은 none 무 스타일,circle 중 공 원,square 옹 골 진 사각형 을 자주 사용 합 니 다.
질서 있 는 목록 은 주로 decimal-leading-zero 를 0 으로 시작 하 는 숫자 로 lower-roman,upper-roman 소문 자,대문자 로마 숫자,lower-alpha,upper-alpha 소문 자,대문자 영문 자 모 를 사용 합 니 다.
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}
2.목록 항목 에 표 시 된 그림 list-style-image:url
ul { list-style-image: url('sqpurple.gif'); }
3.목록 항목 에 표 시 된 위치 list-style-position
기본 값 outside,표 시 는 텍스트 의 왼쪽 에 있 고 텍스트 이외 에 놓 여 있 으 며,둘러싸 인 텍스트 는 태그 에 따라 정렬 되 지 않 습 니 다.
inside,표 시 는 텍스트 안에 놓 고 텍스트 를 둘러싸 고 태그 에 따라 정렬 합 니 다.
상기 세 가지 속성 을 한데 모 을 수 있 습 니 다.list-style 을 통 해 type,position,image 순 서 를 표시 하고 필요 에 따라 선택 할 수 있 습 니 다.
예 를 들 어 l{list-style:square url("sqpurple.gif");}
표 테이블
1.테두리 테두리
table,th,td{border:1px solid black;}과 같은 border 만 사용 하면,th 와 td 는 각각 테두리 가 있 기 때문에 다음 과 같은 효 과 를 얻 을 수 있 습 니 다.
border-collapse 속성 을 통 해 표 의 테 두 리 를 단일 한 테두리 로 접 거나 분리 할 수 있 습 니 다.
table {border-collapse: collapse;}
table, td, th {border: 1px solid red;background-color:lightgray;color:green;text-align:center}
2.표 너비 와 높이,예 를 들 어
table{width:100%;}
th{height:40px;}
tr{height:30px;}
text-align 수평 정렬,vertical-align 수직 정렬(수직 정렬 방식 을 설정 할 때 td 높이 를 지정 해 야 합 니 다)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하는 방법은 무엇입니까?장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하려면 @media의 미디어 쿼리 구문을 사용한 다음 구문을 작성하여 스타일의 최소 너비를 정의해야 합니다. 적용된 후 and라는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
