테이블의 둥근 모서리와 그림자

테이블의 모서리와 그림자                 (HTML5 버전에서 제공되는 기능으로 익스플로러9이상 버전에서만 작동됨)
[ 테이블의 모서리를 둥굴게 하기 ]
태이블의 테두리 모서리를 둥굴게 하는 속성(border-radius)과 값(px)을 지정하여
테이블 태그에 넣어 사용합니다.
style="border-radius:반경수치px; 
예 : style="border-radius:30px; 
테이블 테두리의 사양을 종합적으로 사용한 예(<table> 태그안에 넣어 사용)
border = 선의 굵기(px)
border-style = 선의 종류(solid, double, dotted, ridge, dashed, inset, outset none 등)
border-color = 색상 (색상 이름 또는 헥사값-예 :#1706f7)
border-radius = 모서리 반경(px)
예 : style="border:5px; border-style: double; border-color: #ffffff  ; border-radius:30px;"
눈 / 윤동주
지난밤에 
눈이 소오복히 왔네
지붕이랑 
길이랑 밭이랑 
추워한다고 
덮어주는 이불인가봐
그러기에 
추운 겨울에만 내리지 
 
[ 테이블에 그림자(box-shadow) 만들기 ]
x축, y축 방향의 길이(px)와 투명도, 색상을 각각 style로 지정하여 
table 태그안에 넣어 만듭니다.
style="box-shadow: x축길이 y축길이 투명도 색상;"
예 : style="box-shadow: 10px 10px 0px #ada7a9;"
(x축과 y축에 -값을 혼용하면 그림자의 방향을 바꿀 수 있습니다)
12월 어느오후 / 손석철
덜렁 달력 한 장 
달랑 까치밥 하나 
펄렁 상수리 낙엽 한 잎 
썰렁 저녁 찬 바람 
뭉클 저미는 그리움
 
모서리와 그림자를 함께 지정한 예
style="border:5px ;border-style: double; border-color: #1706f7; border-radius:30px; box-shadow: 10px -10px 0px #ada7a9;"

겨울나무 / 나태주
빈손으로 하늘의 무게를 
받들고 싶다 
빈몸으로 하늘의 마음을 
배우고 싶다 
벗은 다리 벗은 허리로 
얼음밭에서 울고 싶다