ホームページ制作メモ一覧

ホームページ制作メモ

CSS疑似要素 :before で見出しの前にアイコンを付ける

タイトルとして目立たせたり、箇条書きで項目として並べるため 見出しの前にアイコン画像を置いたり背景として敷いたりすることがある。 疑似要素:before + アイコンのWEBフォントFontAwesomeを使えば 大きさや位置、色まで簡単に調整できて便利♪

CSSで指定する見出しデザイン repeating-linear-gradient ストライプの背景

ストライプの背景を作る時は 線グラデーションを繰り返すrepeating-linear-gradientを使う。 background:repeating-linear-gradient(45deg, #ffe1e1, #ffe1e1 5px, #ffffff 5px, #ffffff 10px); (向き=角度,1つ目のグラデ―ションの開始カラーと開始位置,終了カラーと終了位置,2つ目の開始カラーと開始位置,終了カラーと終了位置)