CSS以前、書いた記事は、FontAwesome4を使用する内容だったけれど、バージョンアップしたFontAwesome5を使用する場合は、CDNのリンク先が変わるだけでなく、font-family・font-weightの指定など随分変わっているようなので新しい記事にしてみる。見出しの前にアイコン画像を置いたり背景として敷いたりすることがある。作った2つの背景を重ねてX方向にだけ繰り返す。CSS疑似要素を使って見出しにカフェのテント風の飾りをつける。(ヘッダーでも使える。30pxの正円の画像を作って、15pxの高さの疑似要素tent1の背景にして使って、くっつけてる。CSS吹き出しの見出しを作る時は、文字の入った枠の下に同色の小さな三角を敷いた。リボンの見出しを作る時は、文字の入った枠の上に白い三角をのせて、その部分が切り取られているように見せる。色、サイズ、位置など指定して三角をくっつければ吹き出しの見出しができる。CSSドット(水玉)の背景を作る時は円グラデーションのradial-gradientを使う。20px;→敷き詰める背景1マス分のサイズ。線グラデーションを繰り返すrepeating-linear-gradientを使う。※グラデーションの開始位置が0%、終了位置が100%の時は、それぞれ省略できる。全ての角の丸みをまとめて指定。border-radius:左上の角、右上の角、右下の角、左下の角。Reserved.HOME制作の流れ制作料金サポートお問い合わせなないろブログサイトマップ。