친절한효자손 취미생활

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



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

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


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



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

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


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






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

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



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


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

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





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


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

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


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


3px 2px 3px blue


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

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

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

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





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


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

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





이 사진들은, 이 포스팅과 전혀 관계 없어요;;;

단지, 앞으로 포스팅을 암시하는 사진이지요...후훗...


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

많이 도와주세요!








알리익스프레스 할인

이 블로그를 후원해주실 분들을 모집합니다!

이 글을 공유합시다

facebook twitter googleplus kakaostory naver

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.