hiromitsu-daisuke.hatenablog.com だいぶ間が空いてしまいましたが、吹き出しの応用編です。 罫線つきの吹き出し See the Pen balloon border by HIROMITSU Daisuke (@daisuke718) on CodePen. 擬似要素のbeforeとafterを使って2つの三角形を追加して、一方…

先日、viewportというものを初めて扱ったので、 備忘録的に書いておく。 といってもまだよく分かってない。 スマホなどの小さい画面でもPCと同じような表示にする設定？みたいな。 <meta name="viewport" content="width=＜表示させたい幅＞"> これをHTMLのheadに記述すればスマホでも＜表示させたい幅＞の幅の画面で表</meta>…

divタグとaタグで擬似ボタンを作る方法です。 基本編 ポイントとしてはcssのpositionプロパティです。 relativeとかの説明は割愛します。 top,left,width,heightによりaタグがdiv全体に広がります。 aタグの中身をキャプションとするとdivの中身が何もないこ…