ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS+DIV ボーダーattribute_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 12:33:38
オリジナル
1633 人が閲覧しました

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) の例に従う: 境界属性を強化する




上記のボーダー属性は 上下左右の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




関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート