ここにテキストが入ります。ここにテキストが入ります。
ここは、text-align:justify使っています。それと、ホバーすると、影がつきますよ。
画像にborde-radius:10px 10px 0 0使う事で、やや、やわらかーな感じになるのです。liにもborder-radiusかけないとホバーした時に若干おかしな感じになるので注意。
ここは、text-align:justify使っています。それと、ホバーすると、影がつきますよ。
画像にborde-radius:10px 10px 0 0使う事で、やや、やわらかーな感じになるのです。liにもborder-radiusかけないとホバーした時に若干おかしな感じになるので注意。
ここは、text-align:justify使っています。それと、ホバーすると、影がつきますよ。
画像にborde-radius:10px 10px 0 0使う事で、やや、やわらかーな感じになるのです。liにもborder-radiusかけないとホバーした時に若干おかしな感じになるので注意。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
display:flexで横並びにしていますが、右の画像は、ブロックの中に画像を入れてます。
つまり、leftBox rightBoxというクラスを持つブロックを横並びにして、rightBoxの中にimgを入れているわけあります。
new
new
display:flexでimgを横並びにすると、写真の長さによっては、間延びする可能性があります。そこでobject-fitをかけてトリミングしますが、場合によっては、トリミングされる事により人物写真が見切れてしまうケースがあるので注意しましょう。
プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。
プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。プロフィール本文です。
開催日 | 開催時間 | 定員 | ステータス |
---|---|---|---|
5月1日 | 13時から15時 | 5名 | 空席あり |
5月2日 | 13時から15時 | 5名 | 空席あり |
5月3日 | 13時から15時 | 5名 | 満席 |