우리의 일상적인 웹페이지 개발에 있어 테이블은 활용에 있어 매우 중요한 역할을 합니다. 테이블 스타일 역시 다양한 웹페이지의 스타일 표현 요소 중 하나이므로 테이블 스타일은 모두가 익숙하실 거라 생각하여 오늘은 이를 정리해 보겠습니다. 테이블 스타일 요약!
html의 테이블 스타일:
1.이 특별한 테이블 스타일 줄 바꿈 문제를 처리하는 방법
하지만 내가 사용하는 컨트롤이 생성될 때마다 추가 항목이 발생합니다. table-layout:fixed와 같은 스타일은 구현할 수 없으므로 js를 통해 table-layout:auto; 스타일을 수정할 때마다 너무 번거로운 것 같습니다. table-layout:fixed이기 때문입니다. 일부 컨트롤은 기본적으로 생성되어 제거할 수 없습니다. tr 또는 td에 몇 가지 스타일을 추가할 수 있나요? 조언 좀 부탁드립니다
2.간단한 테이블 스타일을 가르쳐 주고 싶습니다. 왜 문제가 발생합니까? Chrome 및 IE에서(Opera 및 FF에서는 일반)
xhtml CSS를 레이아웃에 적용합니다. 각 브라우저에서 예상되는 효과를 얻으려면 일반적으로 CSS를 재설정해야 합니다. 원본 포스터의 두 입력 길이는 서로 다르며 일관된 효과를 얻기 위해 CSS 너비로 정의할 수 있습니다.
Table이 이런 효과를 낼 수 있나요? 각 행마다 배경색이 있고, 위쪽 행과 아래쪽 행 사이에 간격이 있습니다. Table이 이런 효과를 낼 수 있는지 알고 싶습니다.
JS/JQ 테이블 스타일 지우기 및 구현:
프로젝트에서 그런 필요성을 느꼈는데, 큰 기사 본문의 html 코드가 완전히 표시되지 않았습니다. 그 이유는 다른 테이블이 있고 테이블 테이블의 tr/td가 모두 워드에서 붙여넣은 스타일을 가지고 있기 때문입니다. 이 큰 테이블에서 테이블, tr, td에 포함된 스타일을 지워야 합니다. 동시에 테이블 구조는 파괴될 수 없습니다. 즉, tr의 rowspan과 td의 colspan 속성은 유지되어야 합니다.
프로젝트에서 일부 테이블은 스타일을 아름답게 만들기 위해 테이블 헤더에 하나의 스타일, 홀수 행에 대해 하나의 스타일이 있습니다. 짝수 행에 대한 스타일입니다. 마우스가 그 위로 지나갈 때 색상이 변하고 마우스가 떠나면 색상으로 돌아갑니다.
테이블 스타일 관련 질문:
2.javascript - 테이블 스타일 테두리 색상 설정이 응답하지 않습니까? ? 해야 할 일
[관련 기사 추천]:
2.html 및 css에서 마우스 스타일을 구현하는 방법 요약
위 내용은 HTML의 테이블 스타일 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!