ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで枠線を追加する方法

CSSで枠線を追加する方法

藏色散人
藏色散人オリジナル
2021-05-14 10:13:565711ブラウズ

CSSではborder属性で枠線を設定できますが、この属性の設定構文は「border:medium double rgb(250, 0, 255)」のようになります。

CSSで枠線を追加する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

CSS では、border 属性を設定して境界線を設定できます。 border は、1 つのステートメントですべての border プロパティを設定できる短縮プロパティです。 border-width、border-style、border-color の順に設定することも、これらの属性を個別に設定することもできます。

border属性の属性値:

border-width: ボーダーの幅を指定します。

border-style: 境界線のスタイルを指定します。

border-color: 境界線の色を指定します。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
p {
border: medium double rgb(250, 0, 255)
}
</style>
</head>
<body>
<p>Some text</p>
</body>
</html>

レンダリング:

CSSで枠線を追加する方法

ボーダー属性の概要:

border-width 属性:

border-width 短縮プロパティは、要素のすべての境界線、または各境界線の幅を個別に設定します。

境界線のスタイルが none ではない場合にのみ機能します。境界線のスタイルがなしの場合、境界線の幅は実際には 0 にリセットされます。負の長さの値は許可されません。

border-style 属性:

border-style 属性は、要素のすべての境界線のスタイルを設定するか、各辺の境界線スタイルを個別に設定するために使用されます。

境界線は、この値が none でない場合にのみ表示されます。

border-style 値:

CSSで枠線を追加する方法

border-color 属性:

border-color 属性は、4 つの境界線の色を設定します。このプロパティでは 1 ~ 4 色を設定できます。

border-color プロパティは、要素のすべての境界線の表示部分の色を設定したり、4 つの辺のそれぞれに異なる色を設定したりできる省略表現のプロパティです。

推奨学習: 「css ビデオ チュートリアル

以上がCSSで枠線を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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