[CSS 기초] CSS 스타일 태그관련 - 글씨에 그림자 효과주기
[CSS 기초] CSS 스타일 태그관련 글씨에 효과주기
요즘....웹관련 소스를 배우고 있는거...아시는분은 아시죠?^^;
그중에서도, CSS관련하여 배워나가고 있는 가운데...
슬슬...머리에서 쥐가 나려고 해요...ㅠ_ㅠ
그래도, 최대한 집중해서 열심히 배울래요!
한개라도 배우겠다는 마음가짐으로 달려들믄, 못할것도 없지~! 암!!!
뭐 이렇게 어렵게 정의를 구현해 놓았는지...에흉~! ㅠ_ㅠ
뭐...일단 우선 제가 확실히 아는 부분부터 꾸준히 이렇게 CSS 스타일태그 포스팅을 하도록 할께요~
제가 이분야 전문의가 아니기 때문에;;; 질문은 하셔도...답변이 없을거에요...ㅠ_ㅠ
아주 기본만~! 기본만~!
그리고, 중요한것은! HTML과 CSS는 그냥 그때그때 모르는건 검색해서 찾아서 배우시면 되는 것이라~
뭐...평소에 조금씩 해 두면 되는것이에요^^; 너무 부담없으셔도 되어요~!
자, 이렇게 <HEAD> 안쪽에 <STYLE> 태그영역이 보이시죠???
font-family 와, size, weight, style 등등...이건 지금까지 배워본 태그들 이구요,
그 밑에, text-shadow 라는 태그 보이시죠???
바로, 이 태그가 폰트에 그림자를 넣는 태그죠^^
3px 2px 3px blue
이건 처음은, 좌우로 몇 픽셀 그림자를 이동시킬것인지 정해주는 수치이고요,
그다음은 위아래로 몇 픽셀 이동시키는지를,
그다음은 블루어(뿌옇게하는)효과를 얼마나 줄것인지를,
마지막은, 그림자 색상을 정해주는 수치이죠.
그러면, 이런 효과가 연출이 되는 것이죠^^
저기, 그림자연습 이라고 하는 부분 보세요^^
이쁘게 그림자가 들어간것을 확인하실 수 있어요!
자! 그럼 다음시간에도 새로운 태그강좌로 찾아뵙도록 하겠습니다^^
많이 도와주세요!
