× 無料のユーザー登録をすると学習状況を管理することができるようになります

CSSで吹き出しを作ろう (全8回)

CSSで吹き出しのようなデザインを作る方法について解説していきます。

このレッスンでは HTML5 / CSS3 を使用しています。

#01 CSSで吹き出しを作ろう
2016年9月13日
今回のレッスンについては以下も参考にしてみてください。

・HTML入門 (全24回)
http://dotinstall.com/lessons/basic_html_v3
・CSS入門 (全23回)
http://dotinstall.com/lessons/basic_css_v3
・CSS3入門 (全19回)
http://dotinstall.com/lessons/basic_css3_v2
背景色が消えないのはなぜですか? PREMIUM - #03 三角形を切り出してみよう
div の height と width を 0 にしているのに、div の背景に色がついたままなのはなぜでしょうか。...
なぜ border-top に width を設定するだけでは表示されないのですか? PREMIUM - #04 三角形を変形させてみよう
下向きの三角形を作るのはレッスン動画でいうと、赤い色をつけた border-top だと理解しました。 そこで ...
吹き出しの三角部分の表示にbeforeを使っているのはなぜでしょうか? PREMIUM - #05 ベタ塗りの吹き出しを作ってみよう
吹き出しの三角部分は右下につくので after のような感じがするのですが、なぜ before を使っているのでしょう...
擬似要素を使うのはなぜですか? PREMIUM - #05 ベタ塗りの吹き出しを作ってみよう
吹き出しの用の三角形を作るのに、擬似要素を使うのはなぜでしょうか。 div で作るのはだめなのでしょうか。
画像で吹き出しを作ることはできますか? PREMIUM - #07 枠線付きの吹き出しを作ってみよう
レッスンではCSSで吹き出しを作っていますが、灰色の吹き出しや灰色の枠線の吹き出しを画像で作って配置するのは出来ないの...