웹모아
웹모아[손님] 검색   로그인 / 회원가입    



 
폼태그(입력)
 


테이블(표)의 셀 여백 삭제 [border-collapse]
  2006-11-21 15:58:33 댓글:(1)   조회:914



<style type="text/css">
<!--
.test1{border-collapse:collapse}
.test2{border-collapse:separate}
-->
</style>
아래는 border-collapse:collapse 를 적용하여 셀사이 여백이 없어서  테두리가 가늘게 나타납니다.
<table border="1" width="450" class="test1">
   <tr>
      <td >셀사이에 여백이 없어져서 테두리가 가늡니다.</td>
   </tr>
</table>
<p>
아래는 border-collapse:separate 를 적용하여 셀사이 여백이 있어서 테두리가 두껍게 나타납니다.
<table border="1" width="450" class="test2">
   <tr>
      <td >셀사이에 여백이 있어서 테두리가 두껍습니다.</td>
   </tr>
</table>
<p>
아래는 스타일을 사용하지 않은 예의 기본 테이블입니다.
<table border="1" width="450">
   <tr>
      <td >스타일을 적용하지 않은 기본 테이블입니다.</td>
   </tr>
</table>

실행해보기   (실행2)





 댓글 (0)


폼태그(입력)
페이지: 1 / 2   


   select박스에 텍스트 벨류를요 카페에서 메뉴를 684
   iframe 에서 text field 값 얻어 오기929
   select 상자 그룹 예제791
    숫자만, 영문만, 한글만 입력하고 싶을 때1076
   INPUT : 숫자만 입력하기792
   입력박스에 특수문자 입력못하게 하려면766
   row 추가 2742
     [RE] row 추가 2 - 테이블이름 지정759
       [RE] row 추가 2 - 테이블이름 지정-삭제662
   추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크733
   row 추가755
   테이불 추가 스크립트846
   입력박스에 안내메세지 넣기(홈마스타)866
   동적으로 객체를 변경하는 자바스크립트(홈마스타)769
   자바스크립트를 써서 폼구문안에 전송(submit)하(홈마스타)664
     [RE] 자바스크립트를 써서 폼구문안에 전송(sub(홈마스타)664
테이블(표)의 셀 여백 삭제 [border-coll(홈마스타)(1) 915
   폼 양식 요소들의 글자 색상 지정 [font-col(홈마스타)714
   폼 양식 요소안의 글자 정렬 지정 [text-ali(홈마스타)753
   폼 양식 요소들의 글자 크기 지정 [font-siz(홈마스타)669
   아이프레임의 배경을 투명처리하기[allowTrans(홈마스타)831
   iframe의 배경을 투명하게 하는법(홈마스타)691
     [RE] iframe의 배경을 투명하게 하는법(홈마스타)639
   레이어의 현재 마우스 위치(홈마스타)704
   레이어 감추기와 보이기 다른 예제(홈마스타)689
   레이어 감추기와 보이기 - select박스 보이기와(홈마스타)781
     [RE] 레이어 감추기와 보이기 - select박스(홈마스타)952
       [RE] 레이어 감추기와 보이기 - select박(홈마스타)738
     [RE] 레이어 사용시 Select객체에 가려지는 (홈마스타)694
   body 태그 예제(홈마스타)556
[1]  [2]  

복수단어 검색은 공백(space)로 구분해 주세요. 1




 
최근 글
[손님]

인기 글
[손님]
[깊은연못] 24시간 Classical Radio