<h2>見出しのサンプル</h2>
囲い枠をグラデーションにした見出しです。
h2 {
  position: relative;
  height: 50px;  /*リボンの高さ*/
  line-height: 50px;  /*文字の位置*/
  padding: 0 20px;  /*文字の開始位置*/
  color: #ffffff;  /*文字色*/
  font-size: 25px;  /*文字サイズ*/
  background: linear-gradient(-135deg, #ffffff, #9941D8);  /*背景色*/
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.