要素に被さってくれて尚且斜めなどに傾きをつけられる線を作りたい

Question

起きている問題
画像の様に要素に被さってくれて、また斜めなど角度を作れる線を
実装したいです

試したこと
googleさんで出てきたsvgを使ったものを試したのですが
要素には被ってくれずレスポンシブにも順応できなかったので
挫折しました。

デザインのみなのでデベロッパーツールは使えません。

もしよろしければご協力お願いいたします。

Comments

[hatena19]

> googleさんで出てきたsvgを使ったものを試したのですが

とりあえずその参考にしたURLと、
試したHTML, CSSコードを提示してください。

現状では丸投げの推奨されない質問になってます。

Answer 1

こんにちは。

要素には被ってくれずレスポンシブにも順応できなかった

そんなことないと思いますよ。やりようでしょう。

サンプル