 [css] 글씨에 그림자효과 주기 (게시판) |
 
|
| 2003-06-21 (토) 19:07 조회:1710 | |
|
|
|
|
l i n k 1 http://rinihouse.com/data_study/shadow.html 요새 많이들 쓰는 방법이죠? 미리보기 링크1 클릭하세요..~ 1. <head>와 </head>사이에 스타일시트를 넣어줍니다.. 리니는 아래처럼 넣었어요.. <style type="text/css"> body,td,select,input,div,form,textarea,center,option,pre,blockquote {font-size:8pt;font-family:verdana;color:#666666;line-height:160%;letter-spacing:-1} .shadow {color:#E6CEB0;filter:dropshadow(color=#B48D5A,offX=1,offY=1,positive=1);} </style> body... 이렇게 시작하는 부분이 기본 스타일시트입니다.. 거기다가 추가로 그림자 효과 속성을 shadow 라고 정의합니다. color:#E6CEB0 - 텍스트 색 dropshadow(color=#B48D5A - 그림자 색 offX=1,offY=1 - X축으로 1픽셀, Y축으로 1픽셀부분에 그림자가 생기게 합니다. 2. 예제처럼 <body>부분에 배경색을 깔아주면 더 깔끔하게 되겠죠.. <body bgcolor=#CCA677> 이런식으로 배경색을 넣어줍니다. 3. 이제 shadow 가 적용될 부분에 클래스를 삽입해줍니다. <font class=shadow> 리니하우스 강좌페이지<br>글씨에 그림자 효과내기~ </font> 저렇게 감싼 부분에만 그림자효과가 생깁니다 |
| 
|
