콘텐츠
웹 페이지에 장을 추가하여 단락의 첫 글자를 책과 신문에서 발견되는 큰 글자처럼 보이게하십시오. 그것은 텍스트의 나머지 부분보다 커야하며 다른 글자들은 감싸 야합니다. HTML 페이지 내에 CSS 스타일을 사용하여 숙명 편지를 구현할 수 있습니다.
지침
-
HTML 편집기를 열고 장에 추가 할 파일을로드하십시오.
-
HTML 파일의 header () 부분에 새 계단식 스타일 시트 또는 CSS 클래스를 추가하십시오. 중요한 것은 스타일이 "떠 다니면서"다른 텍스트가 문자를 둘러 쌀 수 있도록하는 것입니다. 이를 수행하는 방법의 예는 다음 코드를 사용하는 것입니다.
type = "text / css"media = "all"> .my_drop_cap {float : left; 선 높이 : 1; font-size : 4em; margin-right : 0.1em; font-weight : bold; } -
헤더에 생성 된 클래스에 해당하는 태그로 항복하고 싶은 글자를 닫습니다. 이전 예제를 사용하여 HTML의 본문 섹션에 다음 코드를 추가하십시오.
내 드롭 캡 편지.
-
HTML 파일을 저장하고 웹 브라우저에로드하여 항복을 확인하십시오.
공지 사항
- 이전 버전의 브라우저는 예상치 못한 방식으로 특정 CSS 코드를 표시 할 수 있습니다. 여러 브라우저에 HTML 페이지를로드하여 제대로 표시되는지 확인하십시오.