본문 바로가기
CSS

반응형 테이블 만들기

by progrpsk 2017. 6. 8.

회사에서 만들고 있는 사이트에서 반응형 테이블을 만들일이 생겼다.

지금까지 반응형 테이블을 만든적이 없기에 인터넷 검색을 해서 어떻게 만드는지 찾아보았더니 생각보다 어렵지 않았다.

결론은 HTML의 before 속성을 사용하는 것이다.

이를 위해 CSS의 설정이 필요하다.

실제 구현한 것을 보면 이해가 빠르기에 아래의 링크를 걸어둔다.


https://codepen.io/geoffyuen/pen/FCBEg


'CSS' 카테고리의 다른 글

line-through 부분만 색깔 바꾸기  (0) 2017.07.13
고정형과 반응형이 섞인 레이아웃 만들기  (0) 2017.07.04
masorny 구현하기  (0) 2017.06.01
parallex scrolling 만들기  (0) 2017.05.18
modal 팝업 이벤트 정지시키기  (0) 2017.05.16

댓글