ホームページのテーブルに斜線を挿入する

質問

ホームページのテーブルの一部に斜線を入れる方法を教えてください。「メモ帳」で作成しています。よろしくお願いします。

回答No.3

Kaneyan-R · ベストアンサー

まず、HTMLやCSSに「斜線を入れる」と言うものは無かったはず。

で、どうやって再現するか、先人が試行錯誤で編み出したのが以下の例。

１．画像で代用。
２．CSS：borderの各指定でセル内を塗り分ける。
３．SVG等の拡張機能を使う（対応ブラウザが限られる）。

「HTML table 斜線」で検索すると色々出てきますので、詳細はそちらを。

私の場合は基本的に斜線は使いませんが、どうしても入れたい場合は画像を使いますね。

回答No.2

ORUKA1951

ゲームミュージックと生存確認をかねた画期的な: html5とcss3で斜め罫線を引くあれこれ( http://defghi1977-onblog.blogspot.jp/2012/03/html5css3.html )
このサイトに様々な9通りが書いてある。
　ここに書かれていない方法に、
td{position:relative;}
td img{display:block;width:100%;height:100%;}

とか、
・SVGを幅と高さに合わせて書くとか
・canvasを使うとか色々あります。

　いずれの方法も、HTMLを文書構造に関係のない事を記述すると言う欠点があります。border-collapse、border-spacing、empty-cellsで空セルを明示するほうがよいような気がします。

回答No.1

usa3usa

斜線部を　<i> </i> で囲む