CSS-スタイルシート-での枠線の色の指定方法を紹介しています。

初心者でもできるホームページ制作&SEO
初心者でもできるホームページ制作&SEOホームページ制作CSS講座ボックスの指定ボックスの枠線を指定する>枠線の色を指定する
ボックスの枠線の指定
ボックスの指定
CSS講座
ホームページ制作



枠線の色を指定する



タグに直接記述する場合


以下のように記述ることにより、その記述された<p>で囲まれた箇所の枠線の色を青色(#0000ff)に指定することができます。


<p style="border-color:#0000ff;border-style:solid;">


このボックスの枠線の色を青色(#0000ff)に指定しています。


上の赤文字の部分が、枠線の色を青色(#0000ff)にするという記述になります。


ページの<head>内に記述する場合、外部のCSSファイルに記述する場合もこの赤文字の部分は同じになります。


ページの<head>内に記述する場合


以下のように<head>内に記述することにより、その記述されたページの<p>で囲まれた箇所全ての枠線の色を青色(#0000ff)に指定することができます。
解りやすいよう、<head>から記述します。この場合の表示は前のものと同じなので省きます。


<head>
<style type="text/css">
<!--p{border-color:#0000ff;border-style:solid;}-->
</style>
</head>


外部のCSSファイルに記述する場合


以下のように外部CSSファイルに記述することにより、そのファイルの読み込まれたページの<p>で囲まれた箇所全ての枠線の色を青色(#0000ff)に指定することができます。この場合の表示も前のものと同じなので省きます。





サイトマップ 更新履歴 問い合わせ サイト&管理人紹介 相互リンクについて リンク集
Copyright(C)2008-2010 Homepage making & SEO that even beginner can do All Rights Reserved