divタグ一個でJAYPEGのロゴを作った話 | Chiraura.me CSSで頑張ってみる系、いいですね。 色々試行錯誤されていたようですが、::before, ::afterを使わずに、gradientだけでも制作可能です。 そのヒント。 HTML <!DOCTYPE html> <meta charset="UTF-8"> <title>JAYPEGろご</title> <link rel="stylesheet" href="style.css"> Stylus bit = 80px g(lg) linear-gradient(lg, lg) set(x, y) (bit * x) (bit * y) html background #fff body border 1px solid #000 margin 40px auto width 400px height 400px