見出しデザインサンプル_04【解説動画】
ホームページ制作初心者のために『HTML,CSSのみ』で作れる見出しのデザインの作り方を動画でレクチャーさせていただきます。
サンプルデータも公開していますので、ぜひダウンロードしてお使いください。
今回の「見出しサンプル_04」は一般的なよくある見出しデザインの作り方から解説させていただきます。
完成図
解説動画はこちら
見本ファイルダウンロードはこちら↓
HTML,CSS初期設定の方法
サンプルコード
HTML
<body>
<h1>見出し</h1>
</body>CSS
h1{
margin: 1em;
padding: .5em;
background: rgb(169, 216, 255);
font-size: 2em;
font-weight: bold;
color: #222 ;
}この記事が参加している募集
この記事が気に入ったらサポートをしてみませんか？