言語を学ぶ

HTML&CSSでつくるリボン型見出し

HTML&CSSでつくるリボン型見出し

チャプター:5

このブックでは「はじめてのHTML」及び「はじめてのCSS」を学習した人を対象として、「リボン型の見出し」を作成していきます。 このブックを通して、要素の特別な配置の仕方や 特別な枠線の使い方を学ぶことができます。

1.リボン型見出しの土台のHTMLをつくろう

このチャプターでは リボン型見出しの土台となるHTML構造をつくります。

30P

2.「箱」を装飾しよう

このチャプターでは、前回のチャプターで作成した「箱」そのものに対して、実際にCSSを用いて装飾を行います。

36P

3.リボンの土台を装飾をしよう

このチャプターでは、前回までのチャプターで装飾をした「箱」につけるリボンの土台となる部分を装飾していきます。

50P

4.リボンの折り返し部分を装飾しよう (共通部分)

このチャプターでは、リボンの左右につける折り返し部分のうち、左右共通の部分を装飾していきます。

40P

5.リボンの折り返し部分を装飾しよう (左右別)

このチャプターでは、リボンの左右につける折り返し部分のうち、左右で装飾内容が異なる部分を装飾していきます。

32P