DIV CSS defines scroll bar style to achieve inline effect_html/css_WEB-ITnose

CSS scroll bar

Today I suddenly remembered that my blog signature needs to be updated, but I also want to keep the historical signature, so I made some modifications with reference to some renovated shops on Taobao. CSS, made a beautiful DIV CSS scroll bar, achieving the inline effect. No need for iframe.

The CSS code is as follows

#about { float: left; display: inline; margin-top: 30px; width: 500px; 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-LEFT: 2px; OVERFLOW: auto; WIDTH: 550px; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #f3e6a0; : #444444; HEIGHT: 80px; }

Use in web pages:

Signature:
(2009-8-29) I am very busy this month, my wife With my big belly, the workload of the company has become much greater. Fortunately, now that I have moved into a new house, I can relax a little bit while working overtime at home at night. While watching my 42-inch LG LCD TV and chatting with customers, I had a moment of relaxation.
----------------------------------------------- -------------------------------------------------- -----------
(2009-8-4) This year has been particularly meaningful. I got married in May, my wife said I was pregnant in June, and I bought a house in July. It seemed like several years of ordinary life had passed by in a flash. I especially wanted to record what happened during this period, so my tomgo blog was reopened.

Please see the signature of the scroll bar on the head of my blog for the effect.