言語を学ぶ

HTML&CSS3でつくる付箋風デザイン

HTML&CSS3でつくる付箋風デザイン

チャプター:5

このブックでは、HTMLとCSS3を利用して リアルな付箋のようなデザインを作成します。

1.HTML構造の作成

このチャプターでは、レイアウトの土台となるHTML構造を作成します。

26P

2.「paper」クラスの装飾

このチャプターでは、「付箋紙」部分となるpaperクラスの装飾をCSSで行います。

32P

3.文字部分の装飾

このチャプターでは「paper」クラスを持つ要素内に含まれる文字部分の装飾を行います。

34P

4.影をつける (1)

このチャプターでは、より付箋紙がリアルに見えるようにCSS3を利用して影をつけていきます。

42P

5.影をつける (2)

このチャプターでは、より付箋紙がリアルに見えるようにCSS3を利用して影をつけていきます。

32P