분류 전체보기221 css 표에 줄무늬 만들기 css 표에 줄무늬 만들기 네 안녕하세요 이번 포스팅에서는 표에 줄무늬를 만들어보려 합니다. 표에 줄무늬를 만드는 이유는 표가 단색으로만 되어있으면 은근히 시인성이 떨어집니다. 그래서 시인성을 높이기 위해서 사용합니다. 그럼 지금부터 어떻게 사용하는지 알아보도록 하겠습니다. 그리고 해당 css를 적용시킬 표는 저의 이전 포스팅에 표 기본 템플릿이 있는데, 아래에 링크를 기재를 해둘테니 참고하여 주시면 감사하겠습니다. 2023.04.24 - [html, css, 자바스크립트/css] - css 표 꾸미기 프로퍼티에 대하여 알아보기 css 표 꾸미기 프로퍼티에 대하여 알아보기 css 표 꾸미기 프로퍼티에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 표를 꾸밀 때 쓰이는 프로퍼티에 대하여 알아보도록 하겠.. 2023. 5. 8. css 셀에 배경색과 테두리 효과, 글자 색 변경하기 css 셀에 배경색과 테두리 효과, 글자 색 변경하기 네 안녕하세요, 이번 포스팅에서는 셀 배경색과 셀 테두리 효과, 그리고 글자 색을 적용시키는 방법에 대하여 알아보도록 하겠습니다. 표는 표의 뼈대를 담당하는 테이블과 그 안에 있는 내용을 구성하는 셀이 존재합니다. 그리고 그 셀 역시 제어의 대상이 될 수 있다는 것을 우리는 이전 포스팅들을 통해 알아보았습니다. 그래서 이번에는 셀의 배경색을 지정하고 테두리 효과와 글자 색을 변경하는 방법에 대하여 알아보려 합니다. 그럼 지금부터 시작하도록 하겠습니다. 그리고 이 포스팅은 이전에 작성했던 표 기본 템플릿을 이용하여 실습을 할 것입니다. 관련 링크는 아래에 기재를 해둘테니, 참고해주시면 감사하겠습니다. 2023.04.24 - [html, css, 자바스크.. 2023. 5. 1. css padding, text-align 프로퍼티로 셀 여백 지정 및 정렬하기 css padding, text-align 프로퍼티로 셀 여백 지정 및 정렬하기 네 안녕하세요, 이번 포스팅에서는 셀 여백을 지정하는 방법과 셀 정렬을 하는 방법에 대하여 알아보도록 하겠습니다. 우리가 이전까지 봤던 방법은 셀의 전반적인 큰 틀을 제어하는 것이었습니다. 이번 시간부터는 좀 더 디테일한 부분들을 조정할 수 있는 방법들에 대하여 알아보려 합니다. 그중에서 셀의 여백을 제어하고, 셀 정렬을 하는 방법에 대하여 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 그리고 이 포스팅은 이전에 작성한 표 기본 템플릿을 가지고서 실습을 할 것이니, 아래 링크를 참고해 주시면 감사드리겠습니다. 2023.04.24 - [html, css, 자바스크립트] - css 표 꾸미기 프로퍼티에 대하여 알아.. 2023. 5. 1. css width, height 프로퍼티로 표 크기 제어하기 css width, height 프로퍼티로 표 크기 제어하기 네 안녕하세요, 이번 포스팅에서는 표 크기를 제어하는 방법에 대하여 알아보도록 하겠습니다. 표 크기를 제어하는 것도 꽤나 중요한 요소입니다. 표의 너비와 높이를 조정해서 구역을 나누어 가독성을 높일 수 있기 때문입니다. 그럼 지금부터 시작하도록 하겠습니다. 그리고 이 포스팅은 이전에 작성했던 표 기본 템플릿을 가지고서 직접 실습을 할 것입니다. 표 기본 html 코드가 있는 페이지를 제가 기재를 해둘 테니, 그곳에서 참고를 해주시면 감사하겠습니다. 2023.04.24 - [html, css, 자바스크립트] - css 표 꾸미기 프로퍼티에 대하여 알아보기 css 표 꾸미기 프로퍼티에 대하여 알아보기 css 표 꾸미기 프로퍼티에 대하여 알아보기 네.. 2023. 5. 1. 이전 1 2 3 4 5 6 ··· 56 다음