何もすることがなかったので、突然、角丸長方形の存在を思い出しました。しかし、誰もがこのテーマについてあまりにも長い間話し続けてきました。さまざまな実装ソリューションをオンラインで見ることができます。ここでは、私がより良いと思ったものを記録します。このソリューションは画像を使用せず、純粋な HTML CSS 実装です。 CSS コード ================================== コードをコピーしますコードは次のとおりです: <br> {display: block} <br>.spiffy *{ <br>display:block; <br>font-size:.01em; <br>background:#b20000 <br>.spiffy1{ <br>マージン左:3px; <br>パディング右:1px; 1px ソリッド # 870000; <br>border-right:1px ソリッド <br>background:#9f0000} <br>.spiffy2{ <br>margin-left:1px; 🎜>パディング -right:1px; <br>パディング左:1px ソリッド #6f0000; <br>ボーダー右:1px ソリッド #6f0000} <br>. spiffy3{ <br>マージン左:1px; <br>ボーダー左:1px ソリッド #a30000;} <br>.spiffy4 { <br>ボーダー左:1px ソリッド #870000; <br>ボーダー右:1px ソリッド #870000} <br>.spiffy5{ <br>ボーダー左:1px ソリッド #9f0000; -right: 1px ソリッド #9f0000} <br>.spiffyfg{ <br>background:#b20000} <br> html コード======== === ========================= コードをコピーコードは次のとおりです: ; "spiffy5"> ; •• 🎜> b> 興味がある場合は、上記の 2 つのコードを試してください。 この解決策は比較的優れていますが、似たような、しかしより単純な実装を思いつきました。笑、それは後の記事で紹介します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
