ホームページの作り方HP

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

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

ボックス(divなどの四角形の境界枠)の枠線の太さ指定　＝　
border-width:*1（左右上下全ての枠線の太さ一括指定）
border-top-width:*1（上側枠線の太さ指定）
border-right-width:*1（右側枠線の太さ指定）
border-left-width:*1（左側枠線の太さ指定）
border-bottom-width:*1（下側枠線の太さ指定）
（*1＝太さを単位：pxで指定）

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

＜　ファイル名＝style.css　＞

.name1 {
border-style:solid; border-top-width:10px;
border-right-width:20px;
border-left-width:30px;
border-bottom-width:40px
}
.name2 {
border-style:solid; border-width:10px
}

＜＜　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作成リンク