【CSS】オシャレな境界線と、白い線を消す

ギザギザ、尖り、丸い境界線が作れる

CSS Section Separator Generator

A collection of customizable CSS section separators, with the possibility to easily copy the code.

wweb.dev

オシャレな境界線を作ることに関しては、別のページでも紹介しています。

【CSS】背景の区切り

オシャレなサイトやLPページでは、セクションの分かれ目でデザイン性のある背景の区切りが使われています。 このサイトでは、素敵な区切りを作成できるもので、CSSをコピペすることができます。 三角の区切り こんな感じの区切りを作ります。 <!-...

mapletc.net

境界線をつけると、白い線がついてしまう問題

境界線をCSSで作ると、白い線ができてしまうことがあります。

これを解消する方法をご紹介します。

contents {
    position: relative;
    top: -8px;
}

次のコンテンツに「position: relative;」と、子要素に「position: absolute;」、「top:〇px」をつけるだけです！

top の部分は、白いラインが隠れる程度に調整します。