ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSで枠線を追加する方法
CSSで枠線を追加する方法
- 藏色散人オリジナル
- 2021-05-14 10:13:565727ブラウズ
CSSではborder属性で枠線を設定できますが、この属性の設定構文は「border:medium double rgb(250, 0, 255)」のようになります。
この記事の動作環境: 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>レンダリング:
ボーダー属性の概要:
border-width 属性:
border-width 短縮プロパティは、要素のすべての境界線、または各境界線の幅を個別に設定します。
境界線のスタイルが none ではない場合にのみ機能します。境界線のスタイルがなしの場合、境界線の幅は実際には 0 にリセットされます。負の長さの値は許可されません。
border-style 属性:
border-style 属性は、要素のすべての境界線のスタイルを設定するか、各辺の境界線スタイルを個別に設定するために使用されます。
境界線は、この値が none でない場合にのみ表示されます。
border-style 値:
border-color 属性:
border-color 属性は、4 つの境界線の色を設定します。このプロパティでは 1 ～ 4 色を設定できます。
border-color プロパティは、要素のすべての境界線の表示部分の色を設定したり、4 つの辺のそれぞれに異なる色を設定したりできる省略表現のプロパティです。
推奨学習: 「css ビデオ チュートリアル 」
以上がCSSで枠線を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。