文本/链接

纯CSS3制作可编辑的微软Word样式文档

阿里云


这是一款使用 HTML 和 CSS3 制作的可编辑的微软 Word 样式文档。该特效提供一组预定义的样式,用于在 WEB 页面中生成各种尺寸的 Word 样式的文档效果。

使用方法

在页面中引入你需要的尺寸的样式文件,如使用 A4 纸则引入 sheets-of-paper-a4.css 文件。

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" type="text/css" href="css/sheets-of-paper-a4.css">

HTML 结构

在<body>元素上添加 document class,然后使用<div>作为包裹元素,并为它设置 contenteditable="true"属性,使它里面的内容可以进行编辑。

  1. <body class="document">
  2.   <div class="page" contenteditable="true">
  3.     ...
  4.   </div>
  5. </body>

下面是该 Word 样式文档效果的界面截图:

Github 地址:https://github.com/delight-im/HTML-Sheets-of-Paper

纯 CSS3 制作可编辑的微软 Word 样式文档

已有 657 人购买
  • ymnq
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!