필터 이용하여 테이블에 그라데이션 효과 주기(I.E 6.0 전용)

신이z

· 20년 전 · 조회 4790 4790 · 댓글 3 3

<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>

첨부파일

color.htm (252 bytes, 232회)

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

신이z

프로필 보기 이 회원 글보기

20년 전

그런가요^^;; 그냥 간단한 팁기능이라 좋아라 했는뎁

시리니

프로필 보기 이 회원 글보기

20년 전

위의 "필터" 는 CSS 가 아닙니다. CSS 표준스펙에도 등재되지 않은, 온리 IE 전용
"필터" 입니다. IE 7 나오면 위의 필터가 표준에 맞춰 설계된 엔진에서 렌더링 되지 않을 수도 있습니다.

신이z

프로필 보기 이 회원 글보기

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>

게시글 목록

번호	제목	글쓴이	조회	날짜
8511	JavaScript 아파치 로그 정리(압축) logrotate	This	3,954	20년 전
8510	MySQL 아파치와 mysql 자동실행 시키는 방법..	This	2,900	20년 전
8509	MySQL 특정시간에 mysql 데이타 백업 (mysqldump)	This	3,619	20년 전
8506	PHP 아파치 무단링크 막기 2	This	3,409	20년 전
8505	MySQL MySQL optimization 한글번역문서 (최영봉님 글)	root	3,711	20년 전
8503	기타 서브도메인 자동셋팅 Rewrite(리눅스 BIND, 아파치설정) 1	ⓒⓒⓒ	8,547	20년 전
8502	기타 불여우 iframe 에서 지원하는 on 이벤트	관리자	2,567	20년 전
8497	기타 불여우에서도 되는 메뉴 6 4	까만도둑	3,723	20년 전
8492	기타 불여우에서도 되는 메뉴 5 4	까만도둑	3,178	20년 전
8491	기타 불여우에서도 되는 메뉴 4	까만도둑	2,576	20년 전
8490	기타 불여우에서도 되는 메뉴 3	까만도둑	2,640	20년 전
8489	JavaScript 불여우에서도 되는 메뉴 2	까만도둑	2,550	20년 전
8487	기타 불여우에서도 되는 메뉴 1 1	까만도둑	2,836	20년 전
8484	MySQL NuxOne 2.1 배포판에 proftpd-1.2.10 설치한후 apache-2.0.52 php-5.0.3 mysql-4.1.8 설치하기 2	damoa.biz	3,012	20년 전
8483	기타 [PHP 기초] 2차원 배열의 내용 임의 출력하기	짱이	5,275	20년 전
8482	기타 [PHP 기초] 배열에 임의 값 채우기	짱이	3,885	20년 전
28459	HTML document.all("Object명") vs document.getElementsByName("Object명") 1	관리자	4,928	20년 전
8481	JavaScript 셀렉트박스와 레이어가 겹칠시 레이어가 셀렉트 박스 뒤로 숨는 현상을 해결하는 함수	관리자	6,181	20년 전
8478	기타 [PHP 기초] 달력 만들기 2	짱이	7,307	20년 전
8477	기타 [PHP 기초] 구구단표 만들기	짱이	18,407	20년 전
8475	PHP 정규식 (Regular Expression Functions) 1	관리자	6,854	20년 전
8474	MySQL MySQL 3.23.x에서 4.0.x로 업그레이드시 주의사항	관리자	2,853	20년 전
8473	기타 사용자 계정 및 계정 관리	관리자	4,109	20년 전
8472	JavaScript RH7.3 설치후 해주어야 할것들	prosper	2,459	20년 전
8471	PHP Apache1.3.xx버전 설치후 httpd.conf 설정	prosper	4,277	20년 전
8469	기타 (자작)shell 프로그래밍으로 한꺼번에 많은 유저 생성하기 1	아우겐나이스	2,872	20년 전
8468	기타 한번만 submit 되게 합니다	예진맘	2,227	20년 전
8467	기타 영문자나 숫자만 입력 할 수 있습니다	예진맘	2,445	20년 전
8466	기타 현재 페이지 이메일로 보내는 버튼 만들기	예진맘	2,204	20년 전
8465	JavaScript 원하는 사람에게 메일 보내기 버튼 만들기	예진맘	2,536	20년 전
8464	기타 특정 파일형태만 업로드 할 수 있습니다	예진맘	1,709	20년 전
8463	기타 뒤에 붙는 불필요한 공백 문자열을 없애줍니다	예진맘	1,546	20년 전
8462	기타 앞에 붙는 불필요한 공백문자열을 지워 줍니다	예진맘	1,598	20년 전
8461	기타 탭키 대신 엔터키를 눌러 이동합니다	예진맘	2,094	20년 전
8460	JavaScript 전송버튼에 '전송중...' 이라는 표시를 해 줍니다	예진맘	1,848	20년 전
8459	기타 입력 문자열 앞에 붙는 공백 제거하기	예진맘	2,353	20년 전
8458	기타 엔터키를 누르면 다음 입력상자로 이동합니다	예진맘	3,544	20년 전
8457	기타 버튼으로 텍스트영역의 크기를 제어합니다	예진맘	1,537	20년 전
8456	JavaScript 텍스트 필드에 디폴트 메세지를 보여주고 클릭하면 사라집니다	예진맘	1,733	20년 전
8455	JavaScript 특정일(ex 30일)이 지난 파일 삭제 및 디렉토리 이동하기	root	3,148	20년 전
8452	MySQL cron [퍼옮] 2	예진맘	2,323	20년 전
8451	MySQL mysql에서의 subquery	예진맘	3,149	20년 전
8449	MySQL 여러데이터베이스 사용하는 방법 - 퍼옮 1	예진맘	2,854	20년 전
28458	HTML 문자열 연결 CONCAT()	예진맘	3,280	20년 전
8445	MySQL MySQL SELECT 문 - php와 관련하여 3	예진맘	5,094	20년 전
8444	MySQL 패스워드 변경 및 루트 패스워드 찾기	예진맘	2,496	20년 전
8443	MySQL MySQL 설치	예진맘	4,794	20년 전
8442	MySQL mysql 루트(root) 암호를 잊었을 경우 [퍼옮]	예진맘	2,476	20년 전
8441	MySQL MySQL 컬럼 형 [퍼옮]	예진맘	3,088	20년 전
8440	MySQL MySQL 연산자 ( 사칙연산, 비트연산, 논리연산 ) [퍼옮]	예진맘	7,594	20년 전
8439	MySQL MySQL 내부연산 ( 비교연산 )	예진맘	3,801	20년 전
8438	MySQL MySQL 연산자 ( 형변환, 컨트롤함수 )[퍼옮]	예진맘	3,188	20년 전
8437	MySQL MySQL 함수정리 ( 수학함수 ) [퍼옮]	예진맘	4,669	20년 전
8436	JavaScript GROUP BY 와 같이 사용되는 함수 [퍼옮]	예진맘	2,871	20년 전
8435	MySQL MySQL 문자열 관련함수[퍼옮]	예진맘	6,201	20년 전
8433	MySQL MySQL 날짜 관련 함수[퍼옮] 1	예진맘	4,458	20년 전
8428	MySQL MYSQL Query의 간단한 사용법 [퍼옮] 4	예진맘	5,764	20년 전
8427	MySQL 자주 사용하는 Mysql Query문(php와 관련하여)	예진맘	3,606	20년 전
8426	MySQL MySql 기본명령어 모음[콘솔사용시]	예진맘	5,944	20년 전
28456	HTML 다중 파일들을 하나의 db필드 및 프로그램으로 제어하기 1	예진맘	3,086	20년 전
8425	JavaScript 유효 도메인 책크하기	예진맘	2,812	20년 전
8424	기타 기타 알아두어야 할 함수 [퍼옮]	예진맘	2,606	20년 전
8423	기타 변수 및 수학 관련함수 [퍼옮]	예진맘	2,413	20년 전
8422	기타 URL 관련함수 [퍼옮]	예진맘	2,619	20년 전
8421	기타 파일 관련함수 [퍼옮]	예진맘	2,646	20년 전
8419	기타 문자열 처리함수 [퍼옮] 1	예진맘	3,768	20년 전
8418	기타 날짜 및 시간 관련함수 [퍼옮]	예진맘	2,794	20년 전
8417	PHP 미리 정의된 변수들 [퍼옮]	예진맘	2,434	20년 전
28455	HTML 디렉토리 관련함수 [퍼옮]	예진맘	2,237	20년 전
8416	MySQL 문자열 함수 - 퍼 옮 -	예진맘	3,035	20년 전
8415	JavaScript 배열함수	예진맘	3,101	20년 전
8414	기타 preg_match_all()	예진맘	2,478	20년 전
8412	JavaScript mktime() 1	예진맘	2,567	20년 전
28454	HTML setcookie	예진맘	2,944	20년 전
8411	PHP array_rand()	예진맘	2,294	20년 전
28451	HTML eregi() vs ereg() 2	예진맘	2,727	20년 전
8410	JavaScript strrchr()	예진맘	2,095	20년 전
8409	기타 key()	예진맘	2,322	20년 전
8406	JavaScript GetImageSize() 2	예진맘	2,665	20년 전
8405	JavaScript 리눅스 서버의 시간이 맞지 않을때?	prosper	2,319	20년 전
28450	HTML man 페이지 txt파일로 저장하기	prosper	2,138	20년 전
8404	기타 키보드의 방향키로 윈도우의 위치를 이동시킵니다	카이루	2,147	20년 전
8403	기타 이동식 메뉴 박스	카이루	2,300	20년 전
8402	기타 오늘은 어딜 가볼까? 콤보상자 회전후 이동하기	카이루	1,904	20년 전
8401	기타 마우스 대신 키보드를 눌러 원하는 곳으로 이동합니다	카이루	1,901	20년 전
8400	JavaScript 체크박스를 클릭하면 이동하는 체크박스 메뉴 스크립트	카이루	2,112	20년 전
8399	기타 select 으로 이동하기 사이트 이동 소스	카이루	2,342	20년 전
8391	기타 책장을 넘기는 것같은 이미지 슬라이드 쇼 스크립트 7	카이루	4,549	20년 전
8390	기타 특정 디렉토리 또는 파일 갯수 세기	prosper	2,683	20년 전
8389	JavaScript 디렉토리 내에서 파일만 퍼미션 변경	prosper	2,088	20년 전
8387	기타 마우스를 대면 링크 이미지들을 미리 보여줍니다 1	카이루	2,152	21년 전
28447	HTML 이미지를 5단계로 키워서 보자 2	카이루	2,122	21년 전
8386	JavaScript DirectX의 와이프 기능을 사용한 이미지 스와핑 효과	카이루	2,396	21년 전
8384	기타 풀다운 콤보메뉴로 이미지들을 보여줍니다 1	카이루	2,546	21년 전
8382	JavaScript 특정 이미지를 지정한 날까지만 보여줍니다 1	카이루	1,756	21년 전
8380	기타 부드럽게 오버랩되는 이미지 슬라이드 쇼 1	카이루	4,056	21년 전
8379	기타 끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 스크립트	카이루	3,837	21년 전
8377	JavaScript iframe 써서 노 프레임 효과 내기 1	카이루	2,971	21년 전
8376	MySQL 설치Apache 1.3.29 + PHP 4.3.4 + MySQL + GD + IMAP 등등 설치	prosper	2,876	21년 전
8375	MySQL [펌] mysql 인덱싱.	관리자	5,246	21년 전

이전 다음

80 81 82 83

전체 목록