当前位置: 首页 > 工具软件 > EPUB > 使用案例 >

epub注释

微生毅
2023-12-01

/*通用注释(仅多看可弹)*/
sup a img {
    width: 1em;
    height: 1em;
    padding-top: 0.5em;
    vertical-align: middle;
}

li p a img {
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

ol {
    padding: 0;
    list-style-type: circle;
    list-style-position: outside;
}

ol.duokan-footnote-content hr {
    border: 0;
    height: 8em;
    display: block;
    margin-bottom: -3em;
    background-size: 15% 30%;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../Images/reading.png);
}

ol.damo {
    clear: both;
    margin-top: 1em;
    border-width: 3px;
    border-radius: 10px;
    border-style: double solid;
    border-color: #c09301 #ee610b;
    box-shadow: 5px 5px 0px #000;
}

li {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

li.duokan-footnote-item {
    margin: 1em;
    font-size: 1em;
    text-align: left;
    line-height: 1.5em;
    list-style-type: none;
}

li.duokan-footnote-item a {
    color: red;
    text-decoration: none;
}

li.duokan-footnote-item p {
    font-family: "ZY-KAITI", "楷体";
    text-indent: 0em;
    text-align: justify;
    text-justify: inter-ideograph;
}

p.footnote {
    color: #A9C9DE;}
/*掌阅弹注*/
img.zhangyue-footnote {
    width: 0.85em; }
<sup><a class="duokan-footnote"><img alt="注释内容" class="zhangyue-footnote" src="../Images/note.png" zy-footnote="(注释内容)"/></a></sup>

注意事项

注释图片名称必须为note.png

 类似资料: