bootstrap5 공부해서 웹페이지 만들기(구구단표) 3

5. Table

기존 테이블 태그 table, thead, tr, th, tbody, tr, td를 사용

table : table 태그에 사용하는 클래스 속성

table-striped : 줄무늬

table-bordered : 테두리

table-hover : 마우스를 올리면 백그라운드 색이 변함

table-borderless : 모든 테두리 제거

table-primary, table-success ... 같은 색들은 table 태그, tr 태그, td 태그에 적용할 수 있다.

 

 

테이블을 하니 예제를 안할 수 없다.

바로 구구단 도안 만들기

 

아.. 만들려고 하는데 반복되는 태그가 많아서 자바스크립트를 써야할 것 같다.

js 튜토리얼에서 loop문만 w3c school에서 훑어보고 만들면 된다.

뭔가 맛있어보이는 소다맛 아이스크림 구구단이다.

 

이번에 만들면서 기초가 부족해서 만드는데 부족함을 느꼈다.

조금 더 공부하고 다음 글을 쓸 생각이다.