使用欧陆词典导出单词到文章的步骤以及CSS

作者: ricksteves 分类: 单词计划,英语学习 发布时间: 2019-07-01 19:17

一、在生词本中找到导出功能

设置均为默认,因为我们在文章中需要的只是简明解释,如果需要详细的解释,可以复制单词到词典中查询。

导出内容:内置词典

导出格式:html

二、导出以后会自动在浏览器中打开,右键查看源代码,选择标签为 <table></table>之间的内容,即单词表格内容。

三、将复制的内容发布到文章指定的类目下即可,比如我的是单词计划。

发布的时候在编辑器以文本(源代码)方式发布。

为了便于调整表格的宽度,这里附上我的css。

         .export-table {
             width: 100%;
             margin-top: 20px;
             border-collapse: collapse; 
         }

         .export-td {
             border: 1px solid #C3C3C3;
             vertical-align: top;
         }
         .idcol {
            border: 1px solid #4f81bd;
            width:5%;
         }

.wordcol{
            border: 1px solid #4f81bd;
            width:20%;
         }

.phoncol {
            border: 1px solid #4f81bd;
            width:25%;
         }

.explaincol {
            border: 1px solid #4f81bd;
            width:50%;
         }

         .output-info {
             font-size:11px;
             color: #a2a2a2;
             margin:20px;
             text-align: center;
         }

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注