CSS+DIV ボーダーattribute_html/css_WEB-ITnose

div レイヤーに境界線を挿入するために最も一般的に使用され、テーブルに似ており、スタイル、テキスト、画像をラップできます。ボーダーのボーダー属性は主にボーダースタイル属性（border-style）、ボーダー幅属性（border-width）、ボーダーカラー属性（border-color）を学習します。これら3つの属性はボーダー全体または単一で多様化できます。フレーム。解剖学的学習の方法により、各属性が分解されるため、基本的な属性をよりよく学習し、簡単な応用を学習できます。

1. 境界線スタイル属性、
は、上下左右の境界線のスタイルを設定するために使用されます:

none (境界線なし)、dotted (点線境界線)、破線（破線スタイル）ボーダー）、実線（直線ボーダー）、ダブル（二重線ボーダー）、グルーブ（溝線ボーダー）、リッジ（稜線ボーダー）、インセット（インライン効果付きボーダー）、アウトセット(盛り上がった効果のあるボーダー) 、最も一般的に使用される線形ボーダーを例として、コード リファレンスの記述方法は次のとおりです:

2.幅の設定にはborder-width属性(border-width)を使用します上下左右の境界線の具体的なパラメータ値は：

Medium（デフォルト値）、Thin（中より細い）、Thick（中より厚い）、長さの単位で値を設定します。絶対的な長さの単位 (cm、mm、in、pt、pc) または相対的な長さの単位 (em、ex、px) を使用できます。私はピクセル単位を使用することを好みます。線形の 1 ピクセルの境界線を例にとると、コード リファレンスの記述は次のとおりです。

CSS+DIV(09) の例に従ってください: 境界線属性を強化します

3. 境界線の色属性 (border-color) を使用して色を設定します上下左右の境界線の色の値は、カラー パレットを参照できます。例としては、1 ピクセルの赤い境界線を記述します。

< style type=”text/css”>
.apple {border-style:solid; border-color:red;}

CSS+DIV(09) の例に従う: 境界属性を強化する

上記のボーダー属性は 上下左右の４つのボーダーを一律に設定していますが、もちろん別々に設定することも可能です。たとえば、右側の境界線の場合は、パラメーター値を border-right、border-right-width、border-right-style、border-right-color に変更するだけです。同じ包括的な記述方法を使用した例を次に示します。

< body>

CSS+DIV(09) の例に従う: 境界線属性を強化する

境界線属性を強化する, これは、私が独学で勉強していたときに、これらのコードを使用することを学ぶことが最も重要であるため、コードを書くことを学ぶ必要があると感じました。自分自身で、間違った記述方法を発見し、従来の記述方法を修正することで、コードを手動で記述するプロセスが高速化されます。次回のレッスンでは、フォント属性に関する個人的な学習ノートの経験をいくつか共有する予定です。

転載元: http://hi.baidu.com/liheng666/blog/item/7fcef61b247f32ffaf5133f5.html

声明：

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