枠を変形させ左上に四角いあしらいを付けたCSS見出しデザイン

「border-radius」で枠を変形させています。
四角いあしらいはbefore疑似要素で「border」プロパティを指定しました。
素材:pixabay

関連パーツ