반응형 마루아라는 개발쟁이/CSS2 HTML 테이블(표)을 사용하지 않고 테이블 만들기 개요 테이블을 만들려면 보통 드림위버 등에서 쉽게 표를 삽입하여 만들 수 있습니다. 하지만 HTML 테이블을 많이 사용하면 속도면에서 좋지 않은 영향을 미친다고 하네요. 그래서 CSS 테이블을 사용하는 것이 좋습니다 쉽게 응용할 수 있도록 CSS로 표를 하나 만들어보았습니다. CSS테이블 샘플 HTML 코드: 열 1-1 열 1-2 열 1-3 열 1-4 열 2-1 열 2-2 열 2-3 열 2-4 CSS 코드: #table {display: table; width: 100%;} .row {display: table-row;} .cell {display: table-cell; padding: 3px; border-bottom: 1px solid #DDD;} .col1 { width: 20%;} .col2 .. 2022. 12. 6. selectbox CSS 셀렉트박스 CSS 이쁘게 변경하기 HTML 문서내에 아래와 같이 셀렉트박스(selectbox ) 를 사용할 경우 첫번째 선택항목 두번째 선택항목 세번째 선택항목 별도로 CSS 를 설정하지 않을경우 아래와 같이 표기되는데요, 존재하지 않는 이미지입니다. 이를 아래와 같이 좀더 크고, 오른쪽에 화살표가 보이도록 변경하려고 할때 사용할 수 있는 CSS 를 알려드립니다 존재하지 않는 이미지입니다. select { width: 200px; padding: .8em .5em; border: 1px solid #999; font-family: inherit; background: url('arrow.jpg') no-repeat 95% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearanc.. 2022. 12. 6. 이전 1 다음 728x90 반응형 LIST
