ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV+CSS はインライン効果を実現するスクロール バー スタイルを定義します_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 12:30:171764ブラウズ

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ブログを再開しました。

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:myRoad -- div+cssの美しいWebページテンプレートの詳細解説(2)_html/css_WEB-ITnose次の記事:myRoad -- div+cssの美しいWebページテンプレートの詳細解説(2)_html/css_WEB-ITnose

関連記事

続きを見る