(HTML,CSS)縞模様で目立つ枠線(囲み)を作る赤と橙色、緑と黄色、青と水色......など、複数の色を組み合わせた縞模様の枠線を使って「囲み」を作ってみましょう。スタイルシートのborderプロパティだけで線を引くよりも、かなり目立つ枠を作ることができます。文宏ホームページ作成ガイド※CSS3のプロパティ「border-image」を使って、もっとシンプルに縞模様の枠線を作成できる方法を、記事「CSS3のborder-imageで、しましまの目立つ枠線を作る」で公開しています。そちらも、ぜひご参照下さい。(2014年3月27日公開)縞模様の枠線を作るスタイルシートのborderプロパティを使うと様々な枠線を作れますが、もっと目立つ凝った枠線を作ってみましょう。今回は、以下のような枠を作る方法をご紹介いたします。緑色と黄色の斜線からなる縞模様の枠線です。橙色と赤色にもできます。記述する文字列が多ければ、枠の高さも自動的に広がります。上記の3つは、どれも枠線の太さが5pxです。この太さは、スタイルシートで自由に変更できます。枠線の太さは自由に変えられます。