我怎樣才能製作一個棱角有棱角的div？

Question

我有一個簡單的div與陰影，我想知道如何/如果我可以添加一個額外的元素。下面是代碼：

h3.widget-title{ 
 
    background-color:#aac955; 
 
    -webkit-box-shadow: 0px 0px 0px 37px #aed449; 
 
    -moz-box-shadow: 0px 0px 0px 37px #aed449; 
 
    box-shadow: 0px 0px 0px 37px #aed449; 
 
    color:#444; padding:5px 10px; 
 
}

<div> 
 
    <h3 class="widget-title">Title</h3> 
 
    <p>Content</p> 
 
</div>

這裏就是我要找：

見綠邊。這個想法是讓h3的標題和風格更加前面。這樣的事情可以通過CSS嗎？

Answer 1

我使用僞元素:before和:after，並使用本站點的CSS代碼：http://css-tricks.com/examples/ShapesOfCSS/爲了製作鉤子。玩一點，你會發現它。