html - 设置 DIV 的内容 - 在 Bootstrap 组件中

Question

好的，这就是我正在尝试做的事情(比您从标题中猜测的要复杂得多......):

• 我的(测试)页面是:http://83.212.101.132/betdk/home/two
• 我已经集成了这个 Bootstrap 片段:http://bootsnipp.com/snippets/featured/login-form-with-css-3d-transforms

如您所见，右侧是登录表单。当您单击右上角(或左上角)的灰色小三 Angular 形时，表格会翻转。

现在，事情是:

如何我可以在这个灰色三 Angular 形内设置一些内容(居中 - 例如一个小图标)？ (而不是那种笨拙的“登录 -->”东西……)

尝试使用 content: 或类似的东西，但由于我不是这样的 ... CSS 专家，所以我什么都没做。

那么，...有什么想法吗？

Answer 1

你可以用:after伪元素设置一些内容:

#triangle-topright:after {
    content: "A";
    position: absolute;
    right: 0;
    top: 0;
    text-indent: 0;
}

#triangle-topleft:after {
    content: "B";
    position: absolute;
    left: 0;
    top: -50px;
    text-indent: 0;
}

然后您可以使用图标字体在其中放置一个图标。