그림자 Daquan의

<! DOCTYPE HTML> 
<HTML LANG = "EN"> 
    <head> 
        <메타 문자 집합 = "UTF-8"> 
    </ head> 
    <스타일> 
        .shadow DIV { 
            플로트 : 왼쪽; 
            여백 : 50 픽셀 120 픽셀; 
            폭 : 100 픽셀; 
            높이 : 100 픽셀; 
            국경 : 2 픽셀 주황색; 
            텍스트 - 정렬 : 센터; 
            라인 - 높이 : 100 픽셀; 
         } 
        .left { 
            상자 -shadow : -5px 0 10px - 5px # 00FF00; 
        } 
        {.bottom 
            상자 -shadow : 0 5px 10px - 5px # 00FF00;
        }
        됐지 { 
            상자
        } -shadow : 5px 0 10px - 5px # 00FF00; 
        } 
        .top { 
            상자 -shadow : 0 픽셀 -5px 10px - 5px # 00FF00; 
        } 
        .left - 상단 { 
            상자 -shadow : -5px -5px 10px - 4 픽셀 # 00FF00;            
        }         
        됐지 - 상단 { 
            상자 -shadow : 5px -5px 10px - 4 픽셀 # 00FF00; 
        } 
        .left - 바닥 { 
            상자 -shadow : -5px 5px 10px - 4 픽셀 # 00FF00; 
        됐지 - 바닥 {
            상자 -shadow : 5px 5px 10px - 4 픽셀 # 00FF00; 
        } 
        - 안돼 - 왼쪽 {
             / * 됐지 바닥, 됐지 탑组合* / 
            상자 -shadow : 5px 5px 10px -4px # 00ff00,5px -5px 10px - 4 픽셀 # 00FF00; 
        } 
        - 안돼 - 아래 {
             / * .left 탑, 됐지 탑组合* / 
            상자 -shadow : -5px -5px 10px -4px # 00ff00,5px -5px 10px - 4 픽셀 # 00FF00; 
        } 
        - 안돼 - 바로 {
             / * .left 탑, .left 바닥组合* / 
            상자 -shadow : 10px -4px -5px -5px # 00FF00, -5px 5px 10px - 4 픽셀 # 00FF00; 
        } 
        - 안돼 - 최고 {
             / * .left - 오른쪽 아래 바닥 조합 ,, * / 
            박스 -shadow : -5px 5px -4px # 00ff00,5px 5px 10px 10px - 4 픽셀 # 00FF00; 
        }
     </ 스타일> 
    <BODY> 
    <DIV 클래스 = "그림자"> 
        <DIV 클래스 = "왼쪽"> 왼쪽 음영 </ DIV> 
        <DIV 클래스 = "바닥 "> 하단 음영 </ div> 
        <div = 클래스"오른쪽 "> 음영 오른쪽 부 </ div> 
        <div 클래스 ="상부 "> </ div> 음영 상부 
        <div 클래스 ="좌측 - 상부 "> 상단 부화 왼쪽 </ DIV> 
        <DIV 클래스 = "오른쪽 상단"> </ DIV> 음영 오른쪽 상단
        <div 클래스 = "왼쪽 하단 "> 좌하 빗금 </ div>  
        <div 클래스 = "우하"> </ div> 빗금 오른쪽 하단
        <div 클래스 = "NO 왼쪽"> 더 왼쪽 사선 없음 </ div> 
        <div 클래스 = "NO 바닥"> 그림자 </ div> 
        <DIV 클래스 = "아니오 오른쪽 "> 그림자 마우스 오른쪽 단추로 </ DIV> 
        <DIV 클래스 = "NO 탑"> 최고 그림자 </ DIV>         
    </ DIV> 
    </ BODY> 
</ HTML>
추천
