ホームページの作り方HP
ホームページの作り方を、 無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます
■ テキスト-文字の装飾スタイルシート
テキストの文字の装飾の指定 ＝ text-decoration:*1
（*1＝overline,underline,line-through,none）
overline：上線
underline：下線
line-through：取り消し線
none：装飾なし
このスタイルシートは、リンクの下線を消すときに、noneをよく使用します。
ただし、リンクの下線を消すときは、"クラス名 a"や、"a"のように、リンクタグの"a"を指定しないといけません。
クラス名を指定するときは、リンクの下線を消したい範囲を指定しているクラス名を指定します。
＜＜ ＣＳＳファイルデータ例 ＞＞
＜ ファイル名＝style.css ＞
.name1 a{
text-decoration:none
}
.name2 {
text-decoration:overline
}
.name3 {
text-decoration:underline
}
.name4 {
text-decoration:line-through
}
text-decoration:none
}
.name2 {
text-decoration:overline
}
.name3 {
text-decoration:underline
}
.name4 {
text-decoration:line-through
}
＜＜ 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> <A href="http://homepage-how.com/" target="_blank">スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます</A></p><br>
<p class=name2>スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。</p><br>
<p class=name3>スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。</p><br>
<p class=name4>スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。</p>
</body>
</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> <A href="http://homepage-how.com/" target="_blank">スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます</A></p><br>
<p class=name2>スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。</p><br>
<p class=name3>スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。</p><br>
<p class=name4>スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。</p>
</body>
</html>
＜＜ ブラウザ表示 ＞＞
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
スタイルシート(CSS)
ボックスのスタイルシート(CSS)
ホームページの作り方HPTOPへ
| リンク | 素材リンク | HP作成リンク |
Copyright (C) 2006-2007 ホームページの作り方HP All rights reserved. |