frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

見出し モジュールNo.1

スポンサードリンク


スポンサードリンク


見出しモジュールを作るときに心がけること

  • 常に改行した時のことを考える
  • 改行した時デザインは保たれてるか、行間は必要以上に空いてないか
  • 必要であればbeforeやafterの疑似要素を駆使し、画像を使わずに済むコーディング

見出し 1例

See the Pen KrqPww by funclur (@funclur) on CodePen.


  • 背景三角形をoverflow:hidden;で隠す
  • テキストが三角形の下に行かないようにposition: relative;にz-index:1を