テキストボックス風のオブジェクト

■テキストボックス風のオブジェクトを作る

テキストボックス風のオブジェクトを作ります。

▼ 実行例-1 ＆ ソース ▼

<div style="width:460px;height:90px;overflow:auto;border:1px solid #ff0000;padding:5px;">
この部分に、文字やイメージなどを挿入します。
■無料ブログ テンプレート カスタマイズ
　※ブログ アクセスアップ SEO １
　※ブログ アクセスアップ SEO ２
　※ブログ アクセスアップ SEO ３
</div>

▼ 実行例-2 ＆ ソース ▼

<div style="width:460px;height:50px;overflow:auto;border:5px double #0000ff;padding:5px;background-color:#ffffaa;">
この部分に、文字やイメージなどを挿入します。
背景色や背景画像、枠線の種類などの指定もできます。
■ブログ アフィリエイト SEO テンプレート
　※アフィリエイト プログラム
　※アフィリエイト ノウハウ 講座
　※アフィリエイト 初心者 稼ぐ コツ
　※アフィリエイト 本 ブック 書籍
</div>

▼ 実行例-3 ＆ ソース ▼

<div id="scrollbar" style="width:460px;height:70px;overflow:auto;border:2px dotted #999;padding:5px;">
BODYタグ内にスクロールバーのCSS設定をしている場合には、それがそのまま継承されてしまします。
オブジェクトに特定の指定がしたい場合には、別途
div#scrollbar {
scrollbar-face-color: #aaa;
scrollbar-track-color:#ccc;
scrollbar-shadow-color: #eee;
scrollbar-highlight-color: #fff;
scrollbar-darkshadow-color: #bbb;
scrollbar-arrow-color: #fff;
}
のように指定する必要があります。
</div>

◎無料ブログ テンプレート カスタマイズ方法
　※ブログ カスタマイズ 方法
　※スタイルシート （CSS）
　※HTML タグ 関連解説
　※JavaScript （ジャバスクリプト）
　※ブログ＆HP ツール パーツ
　※アクセスアップに役立つ情報
　※ブログ アクセスアップ SEO
　※人気ブログランキング比較評価
　※ブログ 宣伝 広告
　※ブログ関連 本・書籍・ブック