簡要教學
這是一款使用HTML和CSS3製作的可編輯的微軟Word樣式文件。此特效提供一組預先定義的樣式,用於在WEB頁面中產生各種尺寸的Word樣式的文件效果。它提供的樣式包括:
sheets-of-paper-a4.css:A4紙(21cm × 29.7cm)
sheets-of-paper-a3.css:A3 × 紙(29.7cm 24cm)
sheets-of-paper-usletter.css:US letter(21.6cm × 27.9cm)
sheets-of-paper-uslegal.css:US lele
在頁面中引入你需要的尺寸的樣式文件,如使用A4紙則引入sheets-of-paperets-of-paperets -a4.css文件。
<link rel="stylesheet" type="text/css" href="css/sheets-of-paper-a4.css">
HTML結構
在
元素上加入document class,然後使用<body class="document"> <div class="page" contenteditable="true"> ... </div> </body>
下面是該Word樣式文件效果的介面截圖:
以上就是純CSS3製作可編輯的微軟Word樣式文件的內容,更多相關內容請關注PHP中文網(m.sbmmt.com) !