많은 흥미로운 새로운 기능과 기능이 CSS3 위해 생각되고있다. 오늘 우리는 CSS3와 함께 삽입된 테스트를 만들려고하고 있습니다. 그 재산은 파이어 폭스, 오페라, 크롬과 사파리를 지원합니다. 반대로 양각 효과가 거의 같은 배경으로 몰리기되었습니다 삽입된 텍스트되는 텍스트. 나는, 당신은 다음 디자인 프로젝트를위한 매우 유용한 영감을 찾을 수 있기를 바랍니다. 감사합니다!

이 텍스트 그림자 속성은. 인터넷 익스플로러에서 지원하지 않습니다 데모보기

우리가 당신의 생각을 알려주세요? 당신이 우리와 함께 공유하려는 다른 자습서를, 우리 의견으로 떨어지는하여 저희에게 알려 주시기 바랍니다 발견하십시오.

예

단계 # 1 CSS가 구조

먼저 우리는 간단한 CSS 코드를 생성

  * (
 ; 패딩 : 0; 마진 : 0;
 )
 본문 (
 ; 배경 : # 222;
 ) 


  # 컨테이너 (
 ; 여백 : 0 자동;
 ; 배경 : # 333333;
 ) 


 : # 000 ; text-shadow :- 1px 1px 1px #4A4947 ; font : 36px bold Arial, Helvetica, sans-serif ; margin : 0 0 0 0 ; padding : 0 0 10px 0 ; } h2 (색깔 : # 000; 텍스트 그림자 : - 1px 1px 1px # 4A4947; 글꼴 : 굵게 36px 굴림, Helvetica, SAN을 - 리프; 마진 : 0 0 0 0; 패딩 : 0 0 10px 0;) 
 1px 1px #4A4947 ; font :bold 18px Arial, Helvetica, sans-serif ; color : # 000 ; padding : 0 0 10px 0 ; line-height : 162 . 5 %; } 피 (텍스트 그림자 : - 1px 1px 1px # 4A4947; 글꼴 : 굵게 18px 굴림, Helvetica, 산세 리프 - 리프, 색상 : # 000; 패딩 : 0 0 10px 0; 라인 - 높이 : 162. 5 %;) 

단계 # 2 Html 구조

지금 우리는 간단한 HTML 코드를 생성

 > <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <사업부가 > id = "을 컨테이너" <h2>가 > 제목 </ h2을 <p> 잇 좋네요 맥 sociis natoque montes!  간이의 lundium은 turpis sed, tempor 맥 간이를 해산.  맥은 레흐트 에로스의 egestas은 adipiscing penatibus는 placerat mattis의 해산을, 앉아도 lacus. </ 피> <p> 잇 좋네요 맥 sociis natoque montes!  간이의 lundium은 turpis sed, tempor 맥 간이를 해산.  맥은 레흐트 에로스의 egestas은 adipiscing penatibus은 placerat 출산, 앉아 lacus mattis합니다.> <사업부 정보 / 피> <을 / 

데모보기

에 우리를 따르라 트위터 , 또는에 가입 개발자 파라다이스 + RSS 피드 웹 웹 개발 자습서에 최선.

밑에 신청 : CSS를 , 튜토리얼 관리자로