Hexagon有信息吗？

Question

我正在为我的网站制作我的个人资料按钮，这就是我想要的：

（取自游戏）。我如何在CSS和HTML中创造这些能量，健康和经验？

我目前的进展：http://play.futuretechs.eu/index.php/myprofile

我不需要文字，只需要那些文字。

Answer 1

＆＃13;

＆＃13;

*, *:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.css-shapes-preview {
    position: relative;
    height: 0px;
    width: 200px;
    border-left: 0px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 100px solid #428BCA;
}

＆＃13;

<div class="css-shapes-preview"></div>

＆＃13;

＆＃13;

＆＃13;