css吹き出しといえば「笑う」みたいな変な固定観念を持ちあわせています下山です。今回は笑いながら記事を書きます。:after擬似要素を使って吹き出しの作り方をまとめたンゴ。デモ要はdivに擬似要素で三角を付けてpositionで位置指定するだけです。transparent;border-bottom-color:#369;border-top-width:0;width:0;}と書くと「▲」が描けます。これをある要素(divとか)に擬似要素(:after)として追加してあげれば吹き出しになります。transparent;border-right-color:#369;border-left-width:0;width:0;left:-10px;content:"";display:block;top:20px;position:absolute;}色、大きさ等は適当に変更して使ってください。関連記事[CSS3]transitionのまとメモ昨夜は会社で寝てました。「え?え?え?どこ?いつ?なんじ?」な状態です。Part.3今回は「flex-grow」「flex-shrink」「flex-basis」3つと「flex」ショートハンドについてやってみようと思います...記事を読む[CSS,CSS3]box-sizing(border-box)でborder、paddingを気にしないスローライフな生活を送ろう!そんな大層なことですか。生活に絡んでくるようなことですか。楽になるんだからいいじゃない。一度は経験したことがあるであろう...記事を読む[CSS3]擬似クラスと擬似要素をまとめてみた。いい加減ググッてばかりいないでまとめます擬似クラスと擬似要素。マークアップすることができなかったり...記事を読む[CSS]そろそろFlexboxをまとめてみるIE10のシェアも全体の1%を切ったということで、そろそろガンガンFlexbox使ってもいいかなと思ったり思わなかったり。CSS」でステキサイトマップそういえば鹿児島は梅雨入りしました下山です。Sitemap...記事を読む[sass,css,メディアクエリ]sassでメディアクエリを書くときに簡単だなって思った方法スマホ対応、タブレット対応のWEBを作るときに使われるレスポンシブWEBデザイン。これはメディアクエリが必須となっています。言うことでliを横並びにした角丸なナビゲーションを作ってみました。本来ならliの最初と最後にクラスでも付け...記事を読む[CSS]first-childとlast-child、どっちを使うの?first-childでしょ!とまータイトルで結論まで言っちゃってますけどね。CSS大好きなみんなは常識だよね。last-childじゃなくてfirst-...記事を読む[CSS]min-heightで最低限の高さを指定する(IE6対応)実際の案件の要求とは別件ですがmin-heightについて。