文本/链接

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

也想出现在这里?联系我们
创客主机

纯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 样式文档效果的界面截图:
纯CSS3制作可编辑的微软Word样式文档-创客云
Github 地址:https://github.com/delight-im/HTML-Sheets-of-Paper

(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

钻石珠宝奢侈品DedeCMS织梦模板

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!