DIV+CSS はインライン効果を実現するスクロール バー スタイルを定義します_html/css_WEB-ITnose

CSS スクロールバー

今日、ブログの署名を更新することを突然思い出しましたが、過去の署名も保持したかったので、タオバオのいくつかの装飾ストアを参照して、CSSを修正して、美しいスクロールバーを作成しましたDIV+CSS スクロールバーはインライン効果を実現します。 iframeは必要ありません。

CSS コードは次のとおりです

#about { float: left; inline-top: 30px; font-size: 14px; }

#about p { color: #FFF; font-size: 14px; line-height: 1.4em; SCROLLBAR-FACE-COLOR: #666666; Z-INDEX: 1; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; MARGIN -左: 2px; 幅: 550 ピクセル; スクロールバー-3D ライトの色: #666666; スクロールバー-ダークシャドウ: #444444;

Web ページで使用:

div id="about">

署名:
(2009-8-29) 今月はとても忙しく、妻が妊娠しており、会社の仕事量はずっと増えています。幸いなことに、今は新しい家に引っ越したので、夜は家で残業をしながら少しだけリラックスすることができます。 LGの42インチ液晶テレビを見ながら、お客様とおしゃべりしながら、ひとときのリラックスタイムを過ごしました。
--- --------------------------------------------------- --- -----------
(2009-8-4) 今年は特に意味のある年でした。5月に結婚し、6月に妻が妊娠したと言いました。 7月に家を購入しました。数年間の平凡な生活があっという間に過ぎたように感じました。特にこの時期に起こったことを記録しておきたいと思い、tomgoブログを再開しました。

<-- ^^^^^^^^^^^^^^^^^^^^^^^^ -->

効果についてはブログ冒頭のスクロールバーの署名をご覧ください