간단한 튜토리얼
HTML과 CSS3를 사용하여 편집 가능한 Microsoft Word 스타일 문서입니다. 이 특수 효과는 웹 페이지에서 다양한 크기의 Word 스타일 문서 효과를 생성하기 위해 미리 정의된 스타일 세트를 제공합니다. 제공되는 스타일은 다음과 같습니다.
sheets-of-paper-a4.css: A4 용지(21cm × 29.7cm)
sheets- of-paper-a3.css:A3 용지(29.7cm × 42cm)
sheets-of-paper-usletter.css:US letter(21.6cm × 27.9cm)
sheets-of-paper-uslegal.css:미국 법률(21.6cm × 35.6cm)
sheets-of-paper-ustabloid.css: 미국 타블로이드 (27.9cm × 43.2cm)
용도
페이지에 필요한 크기의 스타일 파일을 삽입하고, A4 용지를 사용할 경우 시트를 삽입합니다. -paper-a4.css 파일.
<link rel="stylesheet" type="text/css" href="css/sheets-of-paper-a4.css">
HTML 구조
요소에 문서 클래스를 추가한 다음<body class="document"> <div class="page" contenteditable="true"> ... </div> </body>
다음은 Word 스타일 문서효과 인터페이스 스크린샷입니다.
위는 편집 가능한 Microsoft Word 스타일 문서를 생성하는 내용입니다. 순수 CSS3 등을 사용하여 관련 내용은 PHP 중국어 홈페이지(m.sbmmt.com)를 참고해주세요!