본문 바로가기

전체 글314

마우스 커서 - CSS를 이용한 마우스 커서 모양 지정 cursor 속성을 이용하면 마우스 커서의 형태를 지정할 수 있습니다. 아주 간단하므로 예제를 보시면 금방 이해가 됩니다. Auto Crosshair Default Pointer Move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help아래 예제에서 글자위에 마우스를 올리면 모양이 변합니다. AutoCrosshairDefaultPointerMovee-resizene-resizenw-resizen-resizese-resizesw-resizes-resizew-resizetextwaithelp ※출처 : http://www.homejjang.com/ 2014. 1. 1.
table - overflow 속성을 사용한 테이블 스크롤 효과 overflow 속성을 사용한 테이블 스크롤 효과는 많은 부분에 응요할 수가 있습니다. 아래와 같이 overflow 속성값을 auto로 지정한 DIV element 사이에 테이블을 입력하면 스크롤이 생깁니다. 이름 성적 홍길동 99 홍길순 95 김개똥 82 김철수 80 김영희 78 이철수 75 이영희 60 이와 같은 방식의 테이블이 잘 쓰이지는 않지만 이런식으로도 응용이 가능하다는 걸 보여주기 위함입니다. 이름성적홍길동99홍길순95김개똥82김철수80김영희78이철수75이영희60※출처 : http://www.homejjang.com/ 2014. 1. 1.
table-layout 속성을 이용하여 테이블 고정하기 table-layout 속성값을 fixed로 지정하면 셀안의 데이터가 길어서 지정한 너비 이상으로 셀을 밀어버리는 것을 방지합니다.보통 셀안의 내용이 한글인 경우 공백이 중간 중간에 들어가므로 자동으로 지정한 너비에서 줄바꿈이 일어납니다. 셀안의 데이터가 한글인 경우 지정한 셀의 크기에 따라서 자연스럽게 줄바꿈이 일어납니다. 테이블의 너비가 200픽셀로 셀안의 내용에 비해서 좁더라도 아래와 같이 자연스럽게 줄바꿈이 일어납니다.셀안의 데이터가 한글인 경우 지정한 셀의 크기에 따라서 자연스럽게 줄바꿈이 일어납니다.반면 홈페이지 주소와 같이 영문으로 공백이 없는 경우는 셀을 밀어버리는 현상이 발생합니다. http://www.homejjang.com/09/border_collapse.php 위의 테이블과 똑같이.. 2014. 1. 1.
table - 테이블의 선을 단선으로 border-collapse 속성 border-collapse는 테이블 또는 셀의 테두리선 표시방법을 지정하는 속성입니다.속성값으로는 collapse와 separate를 사용할 수 있습니다.collapse : 서로 이웃하는 테이블이나 셀의 테두리선을 겹쳐서 표현 합니다.separate : 기본값으로 서로 이웃하는 테이블이나 셀의 테두리선을 분리시켜 표현 합니다. border-collapse:collapse; 위와 같이 border-collapse 속성갑을 collapse로 지정하고 border 속성을 추가적으로 지정하면 아래와 같이 깔끔한 테이블을 출력할 수 있습니다.border-collapse:collapse;border-collapse 속성은 테두리선의 표시방법만 지정하므로 반드시 border 속성으로 구체적인 테두리선의 스타일을 지.. 2014. 1. 1.

티스토리툴바