スクロールバーの色を変えようね| このタグを<HEAD> と </HEAD>の間に入れてね | |
|
<STYLE type="text/css">
<!--BODY{ scrollbar-face-color:#ffffff; /*スクロールバー本体の色*/ scrollbar-highlight-color:#b3cf83;/*スクロールバー左側（上）の影*/ scrollbar-shadow-color: #b3cf83; /*スクロールバー右側（上）の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側（下）の影*/ scrollbar-arrow-color: #b3cf83; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側（下）の影*/ }--> </STYLE> |
背景を固定してみようね見本は下にあるよ
| このタグを<BODY>に追加してね | |
|
<BODY text="#999999" background="背景画像の名前.gif" bgProperties="fixed"> |
リンクに背景色をつけよう| このタグを <HEAD> と </HEAD>の間に入れてください。ページ全体に適用されるよ | |
|
<STYLE type="text/css"><!--a:hover {color :689868 ; background-color :#b3cf83;}--></STYLE>
|
リンクに説明をつけよう| <A href="リンク先.htmｌ" title="説明">ＨＯＭＥ</A> ＨＯＭＥ |
|
| title="説明" |
<A href="リンク先.html"style="text-decoration:none">リンク</A>
文字を流してみようね| <MARQUEE scrollamount="6">速度は←の数字を変えたらいいよ</MARQUEE> | |
| <P align="center"><MARQUEE width="500" scrollamount="6"><FONT color="#ｆｆｆｆｆｆ"><I>斜体なったでしょ</I></FONT></MARQUEE></P> | |
| <P align="center"><MARQUEE width="500" scrollamount="6"><FONT color="#ｆｆｆｆｆｆ"><B>太字にする</B></FONT></MARQUEE></P> | |
| <P align="center"><MARQUEE width="500" scrollamount="6"><FONT size="3" color="#ｆｆｆｆｆｆ"><B>文字の大きさを変えて、太字にする</B></FONT></MARQUEE></P> |
流れ文字に背景色をつけよう| <P align="center"><MARQUEE width="400" scrollamount="6"><FONT size="-1" color="#689868" style="background-image:url(画像の名前.gif)">背景画像を付ける</FONT></MARQUEE></P> |
| <TABLE background="画像の名前.gif"> <TBODY> <TR> <TD><MARQUEE width="400" scrollamount="6"><FONT size="-1" color="#689868">背景画像を付けて</FONT></MARQUEE></TD> </TR> </TBODY> </TABLE> |
| <TABLE background="画像の名前.gif" bordercolor="#cbe0b1"
cellspacing="5" cellpadding="3" border="1"> <TBODY> <TR> <TD bgcolor="#f3f9f2"><MARQUEE width="400" scrollamount="6"><FONT size="3" color="#689868">額縁風にしてみました♪</FONT></MARQUEE></TD> </TR> </TBODY> </TABLE> |
文字を流してみようＮｏ．2| <P align="center"><MARQUEE width="400" scrollamount="6" behavior="slide"><FONT size="-1" color="#6666cc"> 右から左へ流れて左端で止まるよ</FONT></MARQUEE></P> | |
| <P align="center"><MARQUEE width="400" scrollamount="6" behavior="alternate"><FONT size="-1" color="#6666cc">行ったり来たり動くよ</FONT></MARQUEE></P> | |
| <P align="center"><MARQUEE width="400" scrollamount="6" direction="right"><FONT size="-1" color="#6666cc">左から右へ流れるよ</FONT></MARQUEE></P> | |
| <P align="center"><MARQUEE width="400" height="100" scrollamount="2" direction="up"><FONT size="-1" color="#6666cc">下から上へ流れる</FONT></MARQUEE></P> | |
| <P align="center"><MARQUEE width="400" height="100" scrollamount="2" direction="down"><FONT size="-1" color="#6666cc">上から下へ流れる</FONT></MARQUEE></P> |
画像を動かしてみよう| 右から左へ動くよ |
|
| <MARQUEE scrollamount=6 width="400"><IMG src="画像の名前.gif"></MARQUEE> | |
| 左から右に動くよ |
|
| <MARQUEE scrollamount="6" width="400" direction="right"><IMG src="画像の名前.gif"></MARQUEE> | |
| 下から上に動くよ |
|
| <MARQUEE scrollamount="6" width="100" height="200" direction="up"><IMG src="画像の名前.gif"></MARQUEE> | |
| 上から下に動くよ |
|
| <MARQUEE scrollamount="6" width="100" height="200" direction="down"><IMG src="画像の名前.gif"></MARQUEE> | |
| 行ったり来たり動くよ |
|
| <MARQUEE scrollamount=6 behavior="alternate" width="400"><IMG src="画像の名前.gif"></MARQUEE> |
画像とコメントを流そう〜♪| 文字と画像を一緒に |
|
| <marquee behavior="Alternate"scrollamount="3"width="300"> <IMG src="画像の名前.gif" width="35" height="36" border="0">わぁ〜い♪</marquee> |
"移動の幅"
"画像の指定"
文字を入れる場合
