ホームページ > 記事 > ウェブフロントエンド > CSSで枠線の色を設定する方法
CSSで枠線の色を設定する方法
- 醉折花枝作酒筹オリジナル
- 2021-04-21 15:49:484212ブラウズ
CSSのbackground-color属性を使用して枠線内の色を変更できます。input要素に「background-color: color value」スタイルを設定するだけです。背景色属性は、要素の背景色を設定します。値は、色の名前、16 進値、および RGB コードです。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
HTML ファイルを作成し、ページの背景色を設定します。 h1タグと内容を作成し、pタグと内容を作成し、h1要素の枠線と枠線の背景色を設定します。 p 要素の境界線と境界線の背景色を設定します。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document</title>
<style>
h1{
border: 1px solid red;
background-color: rgb(113, 255, 201);
}
p{
border: 1px solid #fff;
background-color: rgb(255, 182, 113);
}
</style>
</head>
<body bgcolor="#ccc">
<h1>这是一个标题</h1>
<p>这是一个段落，这是一句话。</p>
</body>
</html>効果は次のとおりです:
推奨学習: css ビデオ チュートリアル
以上がCSSで枠線の色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSで背景画像のサイズを設定する方法次の記事：CSSで背景画像のサイズを設定する方法