HTML/CSS のどんな質問にも必ず優しく答えるスレ 33

[97 Name_Not_Found 2025/05/26(月) 18:30:48.17 ID:???]

divを入れ子にして
消したい線の部分だけグラデーションってのはどう？

* {
box-sizing: border-box;
}
.box_wrap {
border: solid 10px blue;
border-radius: 30px 30px 0 0;
border-bottom: none;
height: 80px;
}
.box {
border-image: linear-gradient(90deg, blue 50%, transparent 50%, transparent) 1;
border-bottom: solid 10px;
height: 70px;
}