ホームページの作り方HP

ホームページの作り方を、無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

■ 枠線色-ボックススタイルシート

ボックス(divなどの四角形の境界枠)の枠線の色の指定　＝
border-color:*1（左右上下全ての色一括指定）
border-top-color:*1（上側枠線の色指定）
border-right-color:*1（右側枠線の色指定）
border-left-color:*1（左側枠線の色指定）
border-bottom-color:*1（下側枠線の色指定）
（*1＝色の指定。カラーコード(#rrggbb)か色名(blueなど)を入力）

＜＜　ＣＳＳファイルデータ例　＞＞

＜　ファイル名＝style.css　＞

.name1 {
border-style:solid; border-top-color:blue;
border-right-color:red;
border-left-color:yellow;
border-bottom-color:green
}
.name2 {
border-style:solid; border-color:aqua
}

＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
<p class=name1>スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。</p>
<p class=name2>スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。</p>
</body>
</html>

＜＜　ブラウザ表示　＞＞

スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。

スタイルシート(CSS)

ボックスのスタイルシート(CSS)

ホームページの作り方HPTOPへ

リンク

素材リンク

HP作成リンク