- ベストアンサー
テーブルまたはセルのボーダラインについて
テーブルまたはセルのボーダラインの右線だけとか、下線だけとかの色の変更、表示させるか、させないかなどできるのでしょうか？
- drago_cyber
- お礼率32% (30/92)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートに border-top,border-bottom,border-left,border-right ってのがあります。 たとえば <table style="border-top:solid 5px red; border-bottom:dotted 10px yellow; border-left:solid 2px green;"> <tr><td></td></tr> </table> とかやってみるとわかると思います。なんかタグの属性にもそういうことができるようなのがあったけれど、スタイルシートを使うとよいでしょう。 参考URLのところに詳しく書いてあります。
その他の回答 (1)
- hikaly
- ベストアンサー率39% (47/119)
スタイルシートを使えば出来ますよ。 こちら↓はサンプルです。テーブル以外にもいろいろと使えます。 切り取り線より下の部分をコピーして、テキストエディタにペースト。それをsample.htmlとか適当な名前で保存してください。 詳しくは参考URLをどうぞ。 ----キリトリ線---- <html> <head> <title>Style Sheet Sample</title> <style TYPE="text/css"> <!-- H1 { border-top : 5px #00FF00 solid; border-right : 1px #0000FF dashed; border-bottom : 3px #FF0000 double; border-left : 2px #FF00FF dotted; } H2 { border-width : 1px 3px 4px 1px; border-color : #BBBBBB; border-style : solid; padding : 4px; } TABLE { border : 1px #FF0000 dotted; } TD.message1 { padding : 1em; border : 1px #000000 solid; background-color : #e8ffff; } TD.message2 { padding : 1em; border : 2px #008800 dashed; background-color : #F0FFF0; } TD.message3 { text-decoration : underline; font-weight: bold; padding : 1em; } TD.message4 { text-decoration : blink; font-weight: bold; padding : 1em; background-color : #000040; color : #FFFFFF; } --> </style> </head> <body> <h1>これは＜ｈ１＞タグ部分です。</h1> <h2>こちらは＜ｈ２＞タグ。</h2> <table> <tr><td class="message1">テーブル</td><td class="message2">です。</td></tr> <tr><td class="message3">もちろん</td><td class="message4">装飾可能です。</td></tr> </table> </body> </html>
お礼
大変参考になりましたありがとうございます
補足
やはり、HTMLだけでは無理なんですね。
お礼
大変参考になりましたありがとうございます
補足
やはり、HTMLだけでは無理なんですね。