テーブルのborderを1px以下で見せる方法、
またはCCS等他の方法で作る方法を探しています。
http://www.tcelectronic.com/Default.asp?Id=587
↑このページのように外枠が細いものを作りたいのですが
やはりCCSで作っているのでしょうか?
WEB制作初心者でHTMLタグでtableばかり作っているので外枠がどうしても1px以下になりません。
宜しく御願いします。。。。
No.6ベストアンサー
- 回答日時:
例えばご指摘のページの一番下のラインは2ピクセル(というか、#6A7780と#92999Fの組み合わせ)、中央のSUPPORTという文字の下(ロゴ画像との間)のラインはもっと薄いグレーの1ピクセルです。
背景画像をチェックしましょう。CSSを使おうが使うまいが、ラインを1pxに指定し、色を薄いグレーにすれば似たようなラインは作れますよ。
なるほど。。。
今作っているページのテーブルは
テーブルの中にテーブルを入れている構造ですので
もしかしたら2px分のborderになっているのかもしれません。
ありがとうございました!
No.4
- 回答日時:
> やはりCCSで作っているのでしょうか?
掲示されたサイトはtableに背景画像を指定していますので、参考にならないかと。
> WEB制作初心者でHTMLタグでtableばかり作っているので外枠がどうしても1px以下になりません。
本当に、1px では太すぎるのでしょうか。
試しに、以下のスタイルを指定してみると、どうなりますか?
<table style='border: 1px black solid'>
<td style='border: 1px black solid'>
試してみました!
以下のスタイルですと色がブラックのせいか太く見えます、、、
(このページの枠線の2倍ぐらいに。。。)
色の組み合わせなのでしょうね!
ベストバランスカラーを探してみます。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- その他(インターネット接続・インフラ) 語学レッスン予約ページを作ろうとしています。 1 2022/09/26 17:43
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- その他(プログラミング・Web制作) python 3.10で 同じlistに同じ構文で同じデータ代入した結果が異なる現象発生 7 2022/06/18 11:08
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS ホームページにブログ記事をサムネイル付きで掲載する方法 2 2022/11/25 14:55
- JavaScript 【GAS】WEBアプリでハイパーリンクを挿入したい 1 2023/03/12 19:20
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
webデザインの勉強で、HTML/CSS...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
HTMLを正しく表示させるには
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
-
スマホで、左右にスワイプして...
-
疑似要素で背景画像に指定したS...
-
pythonに自分で作ったHTMLを、...
-
メモ帳の段落の揃え方
-
角丸画像の背景色を透明にした...
-
トリミングで表示した画像をク...
-
初心者html・CSS ウィンドウを...
-
css初心者 フレックスボックス...
-
HTMLタグのあるCSVファイルを利...
-
<input>のstep属性に違反する入...
-
先日ウェブデザイン技能検定三...
-
指定した演算を実施の結果を表...
-
<!DOCTYPE html>あってますか?...
-
goo は、放置?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
レスポンシブWeb 右側の表示が...
-
テキストボックスが選択できない
-
border-widthの太さ指定について
-
ホームページ作成後、別のブラ...
-
[CSS]エラーの原因
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
グーグルのアイコンを操作して...
-
シーサーブログのヘッダー画像...
-
画像
-
iPhoneで HTMLファイルを閲覧
-
ホームページビルダーで文字の...
-
ExcelVBAで挿入画像の縦横サイ...
-
画像と画像の間のスペースはど...
-
一行は何ピクセル?
-
複数の画像を1枚にしたファイ...
おすすめ情報