css를 이용해서 html table에 효과주기 기본, 마우스오버, 라인배경색, 모바일 최적화
css를 이용해서 테이블을 꾸밀때, PC, 모바일, 테블릿 상관없이 폭이 조정되고, 홀수 라인과 짝수 라인을 구별하도록 배경색을 설정하고, 마우스 오버시에 해당 라인을 특정시켜주는 기본코드입니다. 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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 table { width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { padding: 8px; text-align: left; b..
IT공부방/HTML5, CSS
2023. 6. 14. 12:35
