 이미지 사용하지 않고, HTML문서에 그라데이션 표현하기 (영상시) |
 
|
| 2003-10-28 (화) 06:58 조회:1598 | |
|
|
|
|
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 배경이 그라데이션으로 표현됩니다. →이렇게요~ <body>와 </body>사이의 원하는 위치에 아래처럼 테이블을 만들고 <table>태그 안에 style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B1C7F9, EndColorStr=#EEF2FC)" 를 추가합니다. <table style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B1C7F9, EndColorStr=#EEF2FC)"> <tr> <td>내용</td> </tr> </table> 0 은 그라데이션의 타입. 0은 수직그라데이션으로 그라데이션효과가 상하방향로 표현됩니다. 1은 수평그라디에션으로 그라데이션효과가 좌우방향으로 표현됩니다. #B1C7F9는 그라디에션이 시작되는 지점의 색, #EEF2FC는 그라데이션이 끝나는 지점의 색입니다. <table>태그가 아닌 다른 태그 안에도 적용해보세요^_^ 참고로, 문서 전체에 그라데이션을 넣고자 한다면, 아래처럼 하시면 됩니다. <body style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B1C7F9, EndColorStr=#EEF2FC)"> |
| 
|
