html - CSS3改变div样式

Question

在此之后我已经搜索了一个多小时。我正在尝试寻找如何设置 div 外观的样式。

http://i.gyazo.com/b3e39c4d80c74e559e832c4d22bb87c2.png

图片显示了一个黑色的 div，左边有一个“箭头”。你是如何制作这些东西的？

Answer 1

这里有一个快速的方法来完成这个。

jsfiddle demo

CSS

#frame{
    width:90%;
    border: 20px solid lightblue;
    background:black;
}
.title{
    font-size:3em;
    position:absolute;
    color:white;
    top: 60px;
    margin-left:80px;
}
.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid lightblue;
}

html

<div id="frame">
<div class="arrow-right"></div>
<div class="title">Some text here!</div>
</div>