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