필터 이용하여 테이블에 그라데이션 효과 주기(I.E 6.0 전용)
<table style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#B1C7F9, EndColorStr=#EEF2FC)">
<tr width="400"height="200">
<td align="center">스타일시트로 테이블에 그라데이션 효과 주기</td>
</tr>
</table><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
<tr width="400"height="200">
<td align="center">스타일시트로 테이블에 그라데이션 효과 주기</td>
</tr>
</table><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
댓글 3개
20년 전
그런가요^^;; 그냥 간단한 팁기능이라 좋아라 했는뎁
20년 전
위의 "필터" 는 CSS 가 아닙니다. CSS 표준스펙에도 등재되지 않은, 온리 IE 전용
"필터" 입니다. IE 7 나오면 위의 필터가 표준에 맞춰 설계된 엔진에서 렌더링 되지 않을 수도 있습니다.
"필터" 입니다. IE 7 나오면 위의 필터가 표준에 맞춰 설계된 엔진에서 렌더링 되지 않을 수도 있습니다.
20년 전
<방법1>
<style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF99CCFF', EndColorStr='#FF000000');">
GradienTytpe이 0이면 세로, 1이면 가로로 그라데이션이 됩니다.
StartColorStr과 EndColorStr은 처음 두자리가 불투명도입니다...
나머지 여섯자리는 RGB입니다.
<방법2>
화면 사이즈가 길어지게 될 때 그라데이션도 같이 길어지는 것은 어렵고, 위의 예와 같은 그라데이션일 경우는 길어지면 하단 부분은 계속 진한 파랑색(단색)으로 이어지게 되어야 하겠네요.
가로 세로 모두 100% 테이블을 만들고 배경색상은 진한파랑색으로 지정합니다.
그리고 css 스타일을 사용해서 세로로는 반복되지 않고 가로로만 반복되도록 백그라운드 이미지를 깔아주면 되지요.
<table border="0" width="100%" height="100%" bgcolor="#진한청색코드" style="background:url(back2.gif);background-repeat:repeat-x">
<tr><td>내용</td></tr>
</table>
<style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF99CCFF', EndColorStr='#FF000000');">
GradienTytpe이 0이면 세로, 1이면 가로로 그라데이션이 됩니다.
StartColorStr과 EndColorStr은 처음 두자리가 불투명도입니다...
나머지 여섯자리는 RGB입니다.
<방법2>
화면 사이즈가 길어지게 될 때 그라데이션도 같이 길어지는 것은 어렵고, 위의 예와 같은 그라데이션일 경우는 길어지면 하단 부분은 계속 진한 파랑색(단색)으로 이어지게 되어야 하겠네요.
가로 세로 모두 100% 테이블을 만들고 배경색상은 진한파랑색으로 지정합니다.
그리고 css 스타일을 사용해서 세로로는 반복되지 않고 가로로만 반복되도록 백그라운드 이미지를 깔아주면 되지요.
<table border="0" width="100%" height="100%" bgcolor="#진한청색코드" style="background:url(back2.gif);background-repeat:repeat-x">
<tr><td>내용</td></tr>
</table>
게시글 목록
| 번호 | 제목 |
|---|---|
| 808 |
Flash
일러스트 CS2와 플래시에서 패스따기
4
|
| 806 | |
| 800 | |
| 788 | |
| 784 |
MySQL
exif 사용하기 (ms 윈도우용)
3
|
| 780 |
JavaScript
Apache 보안 팁...--;;;
3
|
| 779 |
기타
[펌] $_FILES
|
| 778 | |
| 775 |
JavaScript
scp 사용법
2
|
| 774 | |
| 773 |
Flash
선따라 움직이기(초보)
|
| 767 |
JavaScript
옥션처럼 소스보기 안되는곳에 적용하니까, 소스 보이는 방법
5
|
| 764 | |
| 759 |
MySQL
실수로 삭제한 mysql DB 복구방법
4
|
| 758 |
JavaScript
mozilla DHTML ROWS INSERT & DELETE
|
| 756 | |
| 755 | |
| 748 |
JavaScript
제가 집에서 사용하는 서버를 살짝 공개합니다.^^
6
|
| 744 | |
| 738 |
JavaScript
ssh 무차별 로그인 공격 막기
5
|
| 735 | |
| 732 | |
| 731 | |
| 730 | |
| 724 |
JavaScript
테이블 셀에 링크하는법 & 마우스 오버
5
|
| 715 |
JavaScript
a href 링크로 라디오박스 선택
8
|
| 709 | |
| 707 | |
| 699 |
Flash
Flv 플래쉬 플래이어
7
|
| 694 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기