div レイヤーに境界線を挿入するために最も一般的に使用され、テーブルに似ており、スタイル、テキスト、画像をラップできます。ボーダーのボーダー属性は主にボーダースタイル属性(border-style)、ボーダー幅属性(border-width)、ボーダーカラー属性(border-color)を学習します。これら3つの属性はボーダー全体または単一で多様化できます。フレーム。解剖学的学習の方法により、各属性が分解されるため、基本的な属性をよりよく学習し、簡単な応用を学習できます。
1. 境界線スタイル属性、
は、上下左右の境界線のスタイルを設定するために使用されます:
none (境界線なし)、dotted (点線境界線)、破線(破線スタイル)ボーダー)、実線(直線ボーダー)、ダブル(二重線ボーダー)、グルーブ(溝線ボーダー)、リッジ(稜線ボーダー)、インセット(インライン効果付きボーダー)、アウトセット(盛り上がった効果のあるボーダー) 、最も一般的に使用される線形ボーダーを例として、コード リファレンスの記述方法は次のとおりです:
Xu Guoping のブログ
2.幅の設定にはborder-width属性(border-width)を使用します上下左右の境界線の具体的なパラメータ値は:
Medium(デフォルト値)、Thin(中より細い)、Thick(中より厚い)、長さの単位で値を設定します。絶対的な長さの単位 (cm、mm、in、pt、pc) または相対的な長さの単位 (em、ex、px) を使用できます。私はピクセル単位を使用することを好みます。線形の 1 ピクセルの境界線を例にとると、コード リファレンスの記述は次のとおりです。
Xu Guoping のブログ
CSS+DIV(09) の例に従ってください: 境界線属性を強化します
3. 境界線の色属性 (border-color) を使用して色を設定します上下左右の境界線の色の値は、カラー パレットを参照できます。例としては、1 ピクセルの赤い境界線を記述します。
Xu Guoping のブログ < style type=”text/css”>
.apple {border-style:solid; border-color:red;}
CSS+DIV(09) の例に従う: 境界属性を強化する
body>
上記のボーダー属性は 上下左右の4つのボーダーを一律に設定していますが、もちろん別々に設定することも可能です。たとえば、右側の境界線の場合は、パラメーター値を border-right、border-right-width、border-right-style、border-right-color に変更するだけです。同じ包括的な記述方法を使用した例を次に示します。
Xu Guoping のブログ
< body>
CSS+DIV(09) の例に従う: 境界線属性を強化する
境界線属性を強化する, これは、私が独学で勉強していたときに、これらのコードを使用することを学ぶことが最も重要であるため、コードを書くことを学ぶ必要があると感じました。自分自身で、間違った記述方法を発見し、従来の記述方法を修正することで、コードを手動で記述するプロセスが高速化されます。次回のレッスンでは、フォント属性に関する個人的な学習ノートの経験をいくつか共有する予定です。
転載元: http://hi.baidu.com/liheng666/blog/item/7fcef61b247f32ffaf5133f5.html