친절한효자손 취미생활

[CSS 기초] CSS 스타일 태그관련 글씨에 효과주기

 

 

 

요즘....웹관련 소스를 배우고 있는거...아시는분은 아시죠?^^;

그중에서도, CSS관련하여 배워나가고 있는 가운데...

 

슬슬...머리에서 쥐가 나려고 해요...ㅠ_ㅠ

 

 

그래도, 최대한 집중해서 열심히 배울래요!

한개라도 배우겠다는 마음가짐으로 달려들믄, 못할것도 없지~! 암!!!

 

뭐 이렇게 어렵게 정의를 구현해 놓았는지...에흉~! ㅠ_ㅠ

 

 

 

 

 

뭐...일단 우선 제가 확실히 아는 부분부터 꾸준히 이렇게 CSS 스타일태그 포스팅을 하도록 할께요~

제가 이분야 전문의가 아니기 때문에;;; 질문은 하셔도...답변이 없을거에요...ㅠ_ㅠ

 

 

아주 기본만~! 기본만~!

 

그리고, 중요한것은! HTML과 CSS는 그냥 그때그때 모르는건 검색해서 찾아서 배우시면 되는 것이라~

뭐...평소에 조금씩 해 두면 되는것이에요^^; 너무 부담없으셔도 되어요~!

 

 

 

 

자, 이렇게 <HEAD> 안쪽에 <STYLE> 태그영역이 보이시죠???

 

font-family 와, size, weight, style 등등...이건 지금까지 배워본 태그들 이구요,

그 밑에, text-shadow 라는 태그 보이시죠???

 

바로, 이 태그가 폰트에 그림자를 넣는 태그죠^^

 

3px 2px 3px blue

 

이건 처음은, 좌우로 몇 픽셀 그림자를 이동시킬것인지 정해주는 수치이고요,

그다음은 위아래로 몇 픽셀 이동시키는지를,

그다음은 블루어(뿌옇게하는)효과를 얼마나 줄것인지를,

마지막은, 그림자 색상을 정해주는 수치이죠.

 

 

 

 

그러면, 이런 효과가 연출이 되는 것이죠^^

 

저기, 그림자연습 이라고 하는 부분 보세요^^

이쁘게 그림자가 들어간것을 확인하실 수 있어요!

 

자! 그럼 다음시간에도 새로운 태그강좌로 찾아뵙도록 하겠습니다^^

많이 도와주세요!

공유하기

facebook twitter kakaoTalk kakaostory naver band