見出しデザインサンプル_02【動画解説】
ホームページ制作初心者のために『HTML,CSSのみ』で作れる見出しのデザインの作り方を動画でレクチャーさせていただきます。
サンプルデータも公開していますので、ぜひダウンロードしてお使いください。
今回の「見出しサンプル_02」は一般的なよくある見出しデザインの作り方から解説させていただきます。
解説動画
完成図
サンプルデータダウンロードはこちら↓
HTML,CSS初期設定の方法
HTMLの部分
<body>
<h1>見出し</h1>
</body>
CSSの部分
h1{
margin: .5em;
padding: .2em 0;
font-size: 2em;
font-weight: bold;
border-bottom: 3px solid #333;
color: #333;
}