タグ
↓背景が緑色のスクロール日記＜ div style="width:480px;height:250px;overflow-y:scroll;background-color:#339900;fixed;scrollbar-face-color:#ffff00;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#999999;scrollbar-highlight-color:#999999;scrollbar-shadow-color:#999999;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;border-style:solid;border-color:#999999; padding:20px; border-width:2px;border-color:#00ff00" ＞
ここに日記をかく
＜ /div ＞
↓背景画像付きスクロールタグはこちら
＜ table style="background-image:url( http://plaza.rakuten.co.jp/img/user/34/42/6123442/2.jpg );background-attachment:fixed;background-repeat:no-repeat" cellpadding="0" cellspacing="0" width="480px" height="268px " ＞＜ tr ＞＜ td ＞
＜ div style="background-color:none;overflow:auto;border-style:none;border-color:gray;border-width:3px; width:480px;height:268px ;scrollbar-base-color:#ffffff;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-arrow-color:#ffa500;scrollbar-track-color:#ffffff;scrollbar-darkshadow-color:none;scrollbar-face-color:none;scrollbar-highlight-color:#ffffff;padding-left:5pt;" align="left" ＞
ここに日記をかく
＜ /div ＞
＜ /td ＞＜ /tr ＞＜ /table ＞
まず、メモ帳等にコピペして
＜＞を半角にして使用してください。
これは、テーブルタグ側が「背景」で
ディブタグが 「スクロール」の２層になっているんです。
background-image:urlのあとを画像ＵＲＬに指定してください。
横幅→width="480px" 高さ→height="268pxを画像の大きさに合わせプレビュー見ながら調整してください。
© Rakuten Group, Inc.
