borderの太さを１px以下に見せる方法ありますか？

質問

テーブルのborderを１px以下で見せる方法、
またはCCS等他の方法で作る方法を探しています。

http://www.tcelectronic.com/Default.asp?Id=587

↑このページのように外枠が細いものを作りたいのですが
やはりCCSで作っているのでしょうか？

WEB制作初心者でHTMLタグでtableばかり作っているので外枠がどうしても１px以下になりません。

宜しく御願いします。。。。

回答No.6

taba · ベストアンサー

例えばご指摘のページの一番下のラインは2ピクセル（というか、#6A7780と#92999Fの組み合わせ）、中央のSUPPORTという文字の下（ロゴ画像との間）のラインはもっと薄いグレーの1ピクセルです。背景画像をチェックしましょう。
CSSを使おうが使うまいが、ラインを1pxに指定し、色を薄いグレーにすれば似たようなラインは作れますよ。

お礼

なるほど。。。
今作っているページのテーブルは
テーブルの中にテーブルを入れている構造ですので
もしかしたら２px分のborderになっているのかもしれません。

ありがとうございました！

回答No.5

tany180sx

線のコントラストを下げれば多少細く見えます。（かなぁ？）

お礼

やってみます！
色の組み合わせって重要ですね。。。

回答No.4

noname#18096

> やはりCCSで作っているのでしょうか？
掲示されたサイトはtableに背景画像を指定していますので、参考にならないかと。

> WEB制作初心者でHTMLタグでtableばかり作っているので外枠がどうしても1px以下になりません。
本当に、1px では太すぎるのでしょうか。
試しに、以下のスタイルを指定してみると、どうなりますか？

<table style='border: 1px black solid'>
<td style='border: 1px black solid'>

お礼

試してみました！

以下のスタイルですと色がブラックのせいか太く見えます、、、
（このページの枠線の2倍ぐらいに。。。）
色の組み合わせなのでしょうね！

ベストバランスカラーを探してみます。。。

回答No.3

kyofu-chan

> １px以下

これには 1 画素も含まれるので、1 画素にはできます。しかし、1 画素よりも小さくすることはできません。

例に出されたページにも 1 画素未満のオブジェクトは存在しません。

お礼

なるほど。。。

１画素とはピクセルより小さい単位なのでしょうか？
無知で恥ずかしい限りです、

画素の事調べてみます！

回答No.2

FoggyMountain

＞またはCCS等他の方法で作る方法を探しています。

CCSというのは聞いたことないのですが、CSS(Cascading Style Sheets)なら可能です。

お礼

タイプミスでございます。。。

スタイルシートの意味合いです

回答No.1

mesoplodon

１ピクセル【以下】ということですが…。

１ピクセルにはできます。

１ピクセルより細くはできません。

お礼

そうですよね、、、
わかっていたのですが見た目が１pxより細く見えてしまったもので。。。