質問: HTML5とCSSで 添付のようなものを作成したいのです。 作れるのでしょうか。 作れるけれど図を貼り付ける方が主流なのでしょうか
回答: こうゆうのどうやって作るのが正解なんですかね カテゴリーマスターさん達の実装方法を教えてもらいたいところです。 横幅変更に弱い失敗作ですがどうぞ ↓ _html 手順1 手順2 手順3手順3手順3手順3手順3手順3 手順4 _css ul { margin: 1em; display: flex; overflow: hidden; font-size: 16px; } li:nth-child(1) { border-left: 1px solid #878db0; } li { background: #f5e7db; border-top: 1px solid #878db0; border-bottom: 1px solid #878db0; padding: 0.5em 1em 0.5em 2em; position: relative; } li::after { content: " "; position: absolute; right: -0.72em; top: 0; bottom: 0; z-index: 1; margin: auto; width: 1.43em; height: 1.43em; border-top: 1px solid #878db0; border-right: 1px solid #878db0; transform: rotate(45deg); background: #f5e7db; }