ホームページ作成・HTML・アクセスアップ・スタイルシート・SEO・無料
ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、 HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。

段落の枠線の色を指定する


プロパティ border-color
値 色名 など

スタイルシートで段落の枠線の色を指定するにはborder-color:プロパティを使います。

値は色名などで指定します。その他の指定もいります。

「こんなことをしなくてもborder:プロパティで全部指定すればいいんじゃないんですか?」

まったくその通りです(笑)。ただ上下左右別々に指定するときなど、たまには必要なんです。

表示例はこちら

ソース
<html>
<head>
<title>ホームページ作成・サンプル5</title>
<style type="text/css">
p { border-style:solid; border-width:5pt; border-color:red; }
</style>
</head>
<body>
<p>
段落の枠線の色を指定しています。
<br>
</p>
<br><br>
<a href="../bordercolor.html">戻る</a>
<br><br>
<a href="../../../index.html">ホームページ作成・HTML</a>
</body>
</html>


<< 「段落の枠線の幅を上下左右別々に指定する」へ    「段落の枠線の色を上下左右別々に指定する」 >>



ホームページ作成とHTML>>スタイルシートの書き方講座>>段落の枠線の色を指定する

©Copyright Hiroto.A ホームページ作成とHTML初心者 All Rights Reserved