Webサイト製作ならTeeem

吹き出し風見出しデザイン

panda-lion panda-lion
h2{
    background: #4696a2;
    padding: 0.8em;
    position: relative;
    color:white
}
h2::after{
    content:"";
    border: 20px solid transparent;
    border-top: 20px solid #4696a2;
    position: absolute;
    top:100%;
    left: 30px;
    width: 0;
    height: 0;
}