This is an editable Microsoft Word style document made with HTML and CSS3. This effect provides a predefined set of styles for creating word-style document effects of various sizes in a Web page. The styles it provides include:
SHEETS-OF-PAPER-A4.CSS:A4 paper (21cmx29.7cm)
SHEETS-OF-PAPER-A3.CSS:A3 paper (29.7cmx42cm)
Sheets-of-paper-usletter.css:us Letter (21.6cmx27.9cm)
Sheets-of-paper-uslegal.css:us Legal (21.6cmx35.6cm)
Sheets-of-paper-ustabloid.css:us Tabloid (27.9cmx43.2cm)
How to use
Introduce the style file of the size you need in the page, such as using A4 paper to introduce the Sheets-of-paper-a4.css file.
<link rel= "stylesheet" type= "Text/css" href= "Css/sheets-of-paper-a4.css" >
HTML structure
Add the document class on the <body> element and use <div> as the package element, and set the Contenteditable= "true" property for it so that the contents of it can be edited.
<body class= "Document" > <div class= "page" contenteditable= "true" > ... </div></body>
Here is the interface for the Word style document effect:
The above is pure CSS3 make editable Microsoft Word style document content, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
