DIV插件库

我即刀枪,我即盾障
我即永不屈服的臂膀
暴雨之中,我从未退让
坚持之中,我必被传唱

我不会消亡

我即魔杖,我即焰焻
我即桀骜的真理之棒
在知识中,我坚信这样
摘引论据,燃烬必飘荡

我不会消亡

我即匕刃,我即影将
我即猎人而非捕猎项
窃窃私语,我践踏其上
恶名坏名,我散布更广

我不会消亡

我即仪式,我即计量
我即战胜一切的毅相
为了荣耀,我坚忍不放
凭着信念,我逆转潮浪

我不会消亡

我等哨兵,我等高墙
我等最后倒下的倔强
通过辛劳,我等得报偿
通过流血,我等得继往

我势不可挡

有点意思

这是一个具有圆角边框的引用块

属于引用块的变体。

school.png

SCP-XXXX

以及更多!

h1

h2

h3

h4

h5
h6

文本
更多文本

更多[]

一个文档

评分: +1+x

这是一个div

这个页面是方便用户使用不同版式的div块级元素的

里面的东西

错误,无法识别您的身份。|

终端 #001


------
欢迎,用户
------




终端内部的链接会在鼠标移过时显示“>”。
就像这样

谢谢你查看我的格式!

如何使用?

在你文章开头加上@import url(http://dream-wiki.wikidot.com/div-plug-in-library/code/1)

而这里面的部分CSS代码你甚至可以用在不属于Wikidot的网站上!它们完全支持其它非Wiki网站

这是一个类似于便签纸的DIV

你可以利用[[div class="page"]]来创建这个样式

看着,鼠标,懂?
这是一个提示框

有阴影的边框

无阴影的圆角边框

这个DIV会从上往下进行渐变。

就像你看到的这样。

这个DIV盒子将从左到右进行渐变。

就像这样

1145114
1919810

这个将生成一个椭圆边框,椭圆边框是圆角边框的变种,你可以border-radius属性里面进行设置。

把鼠标放上去试试这!

这个是用CSS动画制作的旋转太极图

上面的还不算什么,真正有意思的是使用Bootstrap5Foundation创建出更加酷炫的页面!



这是CSS代码

.collapsed {
    display: none;
}

这个是JavaScript程序代码

    // Section visibility toggles
    var toggle = function(cls) {
     var collapsed = document.querySelectorAll("." + cls + ".collapsed");
     var expanded = document.querySelectorAll("." + cls + ":not(.collapsed)");
     var i;
     for(i = 0; i < collapsed.length; i++) {
     collapsed[i].classList.remove("collapsed");
     }
     for(i = 0; i < expanded.length; i++) {
     expanded[i].classList.add("collapsed");
     }
    };

这个是HTML代码

    <div class="addendum">
     <p><a onclick="toggle('addendum');"><b>+ 展开</b></a></p>
    </div>
    <div class="addendum collapsed">
     <p><a onclick="toggle('addendum');"><b>- 关闭</b></a>文字</p>
    </div>
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-NonCommercial 3.0 License