言語を学ぶ

HTML&CSS3でつくる 重ね写真レイアウト

HTML&CSS3でつくる 重ね写真レイアウト

チャプター:5

このブックではHTMLとCSS3を利用して写真が重なって束になっているようなレイアウトを作成します。

1.HTML構造をつくる

このチャプターでは レイアウトのベースとなるHTML構造を作成していきます。

28P

2.ul要素, li要素の装飾

このチャプターでは 全ての写真を囲む要素であるul要素と、各写真であるli要素の装飾を行います。

14P

3.img要素の装飾

このチャプターではimg要素を装飾していきます。img要素に装飾を加えることで、写真のようなデザインを実現します。

12P

4.各li要素の装飾準備

このチャプターでは2つのli要素を別々に装飾するための準備を行います。

10P

5.写真を無造作に束ねる

このチャプターは 写真が無造作に束ねられたデザインを表現するための装飾を行います。

28P