![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
IEではなるのですが、
HTMLのボーダー設定で、
border="1",bordercolor="#000000"
と設定すると、ちょっと太目のフラットなボーダーができますよね。
それを設定すると、firefoxでは、なんだか立体的な、昔よく見たようなボーダーになってしまいます。
firefoxでも同じように、フラットなボーダーにしたいのですが、
どうしたらいいでしょうか?
どなたか教えてください。
ちなみに、HTMLでの方法がいいです。スタイルシートではなく・・・
もういっぱいその設定をしなくてはいけないので、簡単にできるもの、教えてください。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
[CSS]
.hoge1,.hoge1 tr,.hoge1 td {
border-collapse:collapse;
border:1px solid #000000;
}
.hoge2,.hoge2 tr,.hoge2 td {
border-collapse:collapse;
border:1px solid #FF0000;
}
[HTML]
<table border class="hoge1">
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</table>
<table border class="hoge2">
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</table>
あ。テーブルタグにこういうクラスを指定したほうが楽かも。このやり方でも個別設定できます。
なるほど、再度ありがとうございます!
やっぱりこのやり方がベストですよね。
そうすると
border="1",bordercolor="#000000"
という指定はもうしてあるのですが
とったほうがいいんですかね、おかしくなりそうだし。
どうもです!
No.2
- 回答日時:
<table bgcolor="#000000" cellspacing="1">
<tr bgcolor="#FFFFFF"><td>test</td></tr>
<tr bgcolor="#FFFFFF"><td>test</td></tr>
</table>
HTMLだけだと上記のような形で出来ます…が、CSSにしたほうが一括で指定できて簡単だと思います。
下記の内容を設定しておけば全てのテーブルタグに同一のスタイルが適用されます。
たくさんテーブルにすべて同じ設定を適用するならばCSSのほうが楽ですよ?
ま、どうしてもCSSを使うわけには行かないと言う理由があれば仕方ないでしょうけど…。
table,tr,td {
border-collapse:collapse;
border:1px solid #000000;
}
ありがとうございます!
<table bgcolor="#000000" cellspacing="1">
<tr bgcolor="#FFFFFF"><td>test</td></tr>
<tr bgcolor="#FFFFFF"><td>test</td></tr>
</table>
ですが、これでIEのほうもフラットのままですか?
というか、自分でやれ、ですね。
確かめてみます。
IEとfirefox両方でフラットなボーダーを表示したいです。
テーブル全部ではないので、1つ1つcssを設定するのは
面倒だったので(もうhtmlはコーディングしてある)、
なにかいい方法はないかと探してみました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- アニメ ワールドトリガーに出てくるボーダー機関って、どういう運営してんの? ワールドトリガーってアニメを3期 1 2022/11/30 22:53
- Chrome(クローム) Googleアカウントが見つかりませんでした 1 2023/06/02 03:40
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 2 2023/05/23 16:28
- 大学受験 国立 共テ ボーダー 1 2023/01/18 13:32
- 高校受験 明日高校の合格発表があります。 今年は例年より入試が簡単になり、ボーダーも上がるとされています。去年 2 2023/03/16 02:21
- メンズ 黒の半袖サマーニットを購入し、2種類の白黒ボーダーTシャツの上に着重ねてみました。 この着方は問題な 2 2023/08/02 23:00
- その他(ブラウザ) 【Androidスマホの外部ブラウザの初期設定を変えたいです】どこで設定を変えられま 1 2023/07/17 08:02
- レディース ボーダーTシャツ ショーパンの組み合わせって変ですか? ショーパンにボーダーTシャツINして その上 2 2022/10/20 10:14
- 大学・短大 大学の推薦について質問です 2 2023/03/12 12:26
- その他(ブラウザ) 新たなPCを入れた場合のブラウザーの諸設定の引継ぎについて。 4 2022/05/29 16:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
テーブルの行を折りたたみたい...
-
cssで、表示されるテキストによ...
-
tableにul,または,olを入れられ...
-
テーブルを挿入すると他のCSSと...
-
HTML <td></td>タグ セル内余...
-
テーブルのヘッダとボディの幅...
-
中に<table></table>が使えるア...
-
文字の中央そろえを一括で指定...
-
文字列が入っているtdを削除せ...
-
テーブル内でdivを使った時に改...
-
選択行だけ色を変更する場合のC...
-
テーブルの装飾
-
テーブルの内側の特定の線だけ...
-
TABLE内の枠線を一部消すには
-
テーブルの行の高さを指定する...
-
テーブルのヘッダ部分固定でデ...
-
firefoxでフラットなボーダーを...
-
HTMLのテーブルで桁をそろ...
-
表の1列だけをCSSを使って右揃...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルの表示がずれます
-
HTML <td></td>タグ セル内余...
-
HTMLのテーブルで桁をそろ...
-
中に<table></table>が使えるア...
-
スタイルシートで colspan=3と...
-
htmlのtable内に画像
-
ホームページ 表の上の余白を...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
CSSだけで<table>の<td>や<tr>...
-
EXCELからhtmlへの変換で罫線が...
おすすめ情報