ホームページ  >  記事  >  ウェブフロントエンド  >  この表スタイルはどのように実装されているのでしょうか? _html/css_WEB-ITnose

この表スタイルはどのように実装されているのでしょうか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:40:311521ブラウズ


この表のタイトルバーの分割線を実装するにはどうすればよいですか?

ディスカッションに返信 (解決策)

この文字を使用しましょう: 「|」

文字「|」も使用できます。
CSS 属性で border-left または border-right を使用することもできます。背景画像も使用できます

これはテーブルからのものですか? テーブルがネストされている可能性はありますか?ネストされたテーブルがある場合、そのようなスタイルを作成するのは非常に簡単です。

文字「|」を使用できます。

CSS プロパティで border-left または border-right を使用することもできます。
背景画像も使用できます

文字を使用するのが最も簡単です。

ソースコードを見るだけでは十分ではないでしょうか?

これはテーブルからのものですか? テーブルがネストされている可能性はありますか?ネストされたテーブルがある場合、そのようなスタイルを作成するのは非常に簡単です。


2階のshn11160さんからの返信を引用: 文字「|」でも構いません、
CSS属性でborder-leftまたはborder-rightも使用できます、
背景画像も使用できます

文字の使用が最も簡単です。

は大丈夫です。 ++

tdで画像を追加できます 位置名

imgの位置を少し調整することで追加できます

文字" |",

CSS 属性で border-left または border-right を使用することもできます,
背景画像を使用することもできます
いくつかアドバイスをください、私は初心者です、他の人のテーブル画像がとても素晴らしいのを見ました, そこで質問してみました。
文字間にスペースが多くありませんか?
2階のshn11160さんからの返信を引用:

文字「|」も可能です、

CSS属性でborder-leftまたはborder-rightも使用できます、
背景画像も使用できます
お願いしますアドバイスをお願いします。私は初心者です。他の人のテーブルの写真を見ました。テーブルの写真がとても素敵だったので、質問しました。
文字間にスペースが多くありませんか?
HTML で複数のスペースを入力しても効果がない場合があるため、面倒な場合は @nbsp を使用し、2 階で説明した CSS 属性を使用してください。

ため息... 記号を間違って入力しました。

easyui のインターフェース スタイルに似ています。ソース コードを見てください。画像はおそらく

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。