サイト運営の備忘録
CSS
  • CSSだけで吹き出しを生成

    HTMLとCSSだけで吹き出しをデザインする方法。 HTML側 CSS側 三角の位置はbeforeの一部を変更することで移動できる。 縁取りの吹き出しを作る場合には、:afterに同じ大きさの三角を書き、下向きの三角であ… 続きを読む »

  • 親ボックスからはみ出ないようにする方法

    親要素より大きな画像などを配置した時に、width: 100%を指定してもはみ出ないように自動的に親要素に合わせる方法です。 width: 100%を指定すると指定された要素は親要素の大きさに自動的に合いますが、padd… 続きを読む »