htmlのは時間の水平な直線の太さを変更する方法

HRは太い線の一部を設定するために、水平線は、共通のハイパーテキスト・ラベルです。示すように、ボーダー時間自体が隠さ入れ、その後のborder-top-幅を設定することができ、それは、フレームのみを残し、次のとおりです、時間のデフォルトの高さの高さは0であるので、それは長方形の枠線を表示しません、境界線は実際には時間でありますアップと1の4つの境界値下、デフォルトでは表示するブラウザにおけるマージンと境界hrの多様であり得るが、高く設定高さの後に、それ自体時間を有する矩形枠ことがわかります。
時間の境界線を取らなければならない自分自身を設定し、フレーム1の四辺のデフォルトの時間があるため、その後、唯一の国境セットに設定され、他の境界線を削除し、noneです。

一般的な水平ラインの時間は、それは、フレームが実際の線である。この時間の長方形の境界をフレームのみに設けてもよい追加し、境界線の幅(厚さ)を設定する必要がなく、粗製のいくつかのレベルを提供することができます直線。
コード:国境:なし;国境トップ :30px固体#00FF00;
上記のコードが書かれた三つのパラメータと短い形式、ボーダートップの背後にある:
なし;国境トップ:各書き込みコード:境界 -width:30px ;国境トップスタイル:固体 ;国境トップ色:#00FF00;

テストコード:

< 本部ID = "D1" > 
< P スタイル= "マージン:0;" > ;&NBSP(1)</ P > <! - デフォルトの高さは0である- > 
< HRのスタイル=「国境カラー:#1 0000FF ; "  > 

< P スタイル="マージン:0; " > &NBSP;(2)</ P > <! - 高さが0、フレーム表示ではありません- > 
< HRのスタイル="高さ:5pxの;ボーダー、色:#0000FF; " /> 

< Pのスタイル="マージン:0;」 > &NBSP;(3)</ P > <! - いいえボーダーが表示されない、フレーム30pxが実線の色で提供される- > 
< HRのスタイル= "国境:なし;国境トップ:ソリッド#00FF00 30px;"  /> 

< Pのスタイル=「マージン: 0; " > &NBSP;(4。)</ P > <! - 同じ(3)、別々の書き込みモード- > 
< HRのスタイル="国境:なし;国境トップ幅:30px;ボーダースタイルトップ:固体;国境トップカラー:#00FF00; "  /> 

----------------------------------- -------------------------------------------------- ---------------- 
< P スタイル= "マージン:0;" >NBSP&;(5)エラー</ P > <! - ボーダーどれも設定されない- > 
< HRのスタイル= "国境トップ:ソリッド#00FF00 30px;"  /> 

< Pのスタイル= "マージン:0;" > &NBSP;(6)エラー</ P > <! - 1を書き込むエラーは、代わりにボーダースタイルトップスタイルのボーダーを設けている- > 
< HRのスタイル=「国境:なし;国境トップ幅:30px;ボーダースタイル:ソリッド;国境トップ-カラー:#00FF00; "  /> 
</ DIV >

アイコン:

図:
デフォルトの時間の既定のスタイル:トップマージンマージン8px、下マージンマージン8px、上下、左の余裕が境界線を1ピクセルされていない、0.5の高さは
時間にプラスデフォルトの高さ:5pxのスタイル:上記残り、高さ5pxのよう(による高さの変化に、1ピクセルの境界線の周りに明らかにされている)
、単一の副業と大胆なスタイルに:マージンと高いデフォルトで、境界線なしの周りや下に、30pxとの国境に。

 

おすすめ

転載: www.cnblogs.com/huaxie/p/11239166.html