Question

我想在两边制作一个带箭头的矩形。我有jsfiddle http://jsfiddle.net/7wegxh4v/。这是我的css

<body>
<div id="arrowbox"></div>
</body>



#arrowbox
{
    width: 200px;
    height: 50px;
    background-color:green;
    margin-left:100px;
    margin-top:100px;
}

现在显示一个绿色矩形。我想在两端添加两个等边三角形的绿色三角形。我怎么能用css做到这一点？有什么想法吗？

Answer 1

试试这个（使用Pseudo-elements）：

<强> CSS

progressBar.setVisible(true);
progressBar.setMaximum(0);
progressBar.setMinimum(0);
progressBar.setTextVisible(true);
progressBar.setFormat("Loading...");
progressBar.setAlignment(Qt::AlignCenter);

<强> DEMO HERE

如何使用css在盒子的两边制作箭头

1 个答案: