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

Question

好的，所以这就是我要做的事情（而不是你从标题中猜到的那么复杂......）：

• 我的（测试）页面是：http://83.212.101.132/betdk/home/two
• 我已整合此Bootstrap代码段：http://bootsnipp.com/snippets/featured/login-form-with-css-3d-transforms

如您所见，右侧有登录表单。当您点击右上角（或左上角）的灰色小三角形时，表单会翻转。

现在，问题是：

如何我可以在这个灰色三角形中设置一些内容（居中 - 例如一个小图标）？ （而不是那个尴尬的＆＃34;登录 - ＆gt;＆＃34;事情......）

尝试使用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;
}

然后你可以用图标字体在里面放一个图标。