DIV CSS 佈局教程網

PSD轉Html，
設計稿上，有一處內嵌的介紹信息，當文字過長時，要求使用一個經過處理的滾動條來展示。

如果要求兼容Firefox，可以使用JQ來進行制作。

如果僅要求IE浏覽器，可以通過調整CSS的方式，來給滾動條換色。

代碼如下：

1. .uiCSS-cn
2. {
3. height:580px;overflow-y: scroll;
4. scrollbar-face-color:#EAEAEA;
5. scrollbar-shadow-color:#EAEAEA;
6. scrollbar-highlight-color:#EAEAEA;
7. scrollbar-3dlight-color:#EAEAEA;
8. scrollbar-darkshadow-color:#697074;
9. scrollbar-track-color:#F7F7F7;
10. scrollbar-arrow-color:#666666;
11. }

具體樣式對應的scrollbar區域如圖：