網頁創造力--保留垂直滾動條去掉水平滾動條
2024-04-30 分類： 網站建設
1．overflow內容溢出時的設置（設定被設定對象是否顯示滾動條）
overflow-x水平方向內容溢出時的設置
overflow-y垂直方向內容溢出時的設置
以上三個屬性設置的值為visible(默認值)、scroll、hidden、auto。
2．scrollbar-3d-light-color立體滾動條亮邊的顏色（設置滾動條的顏色） scrollbar-arrow-color上下按鈕上三角箭頭的顏色 scrollbar-base-color滾動條的基本顏色 scrollbar-dark-shadow-color立體滾動條強陰影的顏色 scrollbar-face-color立體滾動條凸出部分的顏色 scrollbar-highlight-color滾動條空白部分的顏色 scrollbar-shadow-color立體滾動條陰影的顏色 通過幾個實例來講解上述的樣式屬性： 1.讓瀏覽器窗口永遠都不出現滾動條 沒有水平滾動條 <body style="overflow-x:hidden"> 沒有垂直滾動條 <body style="overflow-y:hidden"> 沒有滾動條 <body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden">
2.設定多行文本框的滾動條
沒有水平滾動條 <textarea style="overflow-x:hidden"></textarea>
沒有垂直滾動條 <textarea style="overflow-y:hidden"></textarea>
沒有滾動條 <textarea style="overflow-x:hidden;overflow-y:hidden"></textarea> 或<textarea style="overflow:hidden"></textarea>
3.設定窗口滾動條的顏色 設置窗口滾動條的顏色為紅色<body style="scrollbar-base-color:red"> scrollbar-base-color設定的是基本色，一般情況下只需要設置這一個屬性就可以達到改變滾動條顏色的目的。 加上一點特別的效果： <body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
4.在樣式表文件中定義好一個類，調用樣式表。 <style> .coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;} </style> 這樣調用： <textarea></textarea>
Tag：滾動?? 水平?? 垂直?? 應用技巧?? 保留???? 推薦教程：網頁設計常用特殊符號整理讓你的設計有重心和亮點為什么要有交互設計和交互設計能夠解決什么極簡網頁視覺設計技巧:越簡單越豐富解決IE6瀏覽器不能正確解析CSS文件的問題用Dreamweaver實現批量更新“收藏夾”圖標制作方法內容首頁設計的10條經驗從多層面來闡述網頁設計的專業性設計流程圖降低了和RD之間的溝通成本
2．scrollbar-3d-light-color立體滾動條亮邊的顏色（設置滾動條的顏色） scrollbar-arrow-color上下按鈕上三角箭頭的顏色 scrollbar-base-color滾動條的基本顏色 scrollbar-dark-shadow-color立體滾動條強陰影的顏色 scrollbar-face-color立體滾動條凸出部分的顏色 scrollbar-highlight-color滾動條空白部分的顏色 scrollbar-shadow-color立體滾動條陰影的顏色 通過幾個實例來講解上述的樣式屬性： 1.讓瀏覽器窗口永遠都不出現滾動條 沒有水平滾動條 <body style="overflow-x:hidden"> 沒有垂直滾動條 <body style="overflow-y:hidden"> 沒有滾動條 <body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden">
2.設定多行文本框的滾動條
沒有水平滾動條 <textarea style="overflow-x:hidden"></textarea>
沒有垂直滾動條 <textarea style="overflow-y:hidden"></textarea>
沒有滾動條 <textarea style="overflow-x:hidden;overflow-y:hidden"></textarea> 或<textarea style="overflow:hidden"></textarea>
3.設定窗口滾動條的顏色 設置窗口滾動條的顏色為紅色<body style="scrollbar-base-color:red"> scrollbar-base-color設定的是基本色，一般情況下只需要設置這一個屬性就可以達到改變滾動條顏色的目的。 加上一點特別的效果： <body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
4.在樣式表文件中定義好一個類，調用樣式表。 <style> .coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;} </style> 這樣調用： <textarea></textarea>
Tag：滾動?? 水平?? 垂直?? 應用技巧?? 保留???? 推薦教程：網頁設計常用特殊符號整理讓你的設計有重心和亮點為什么要有交互設計和交互設計能夠解決什么極簡網頁視覺設計技巧:越簡單越豐富解決IE6瀏覽器不能正確解析CSS文件的問題用Dreamweaver實現批量更新“收藏夾”圖標制作方法內容首頁設計的10條經驗從多層面來闡述網頁設計的專業性設計流程圖降低了和RD之間的溝通成本
本文題目：網頁創造力--保留垂直滾動條去掉水平滾動條
轉載來源：http://www.js-pz168.com/news24/326774.html
成都網站建設公司_創新互聯，為您提供網站收錄、網站設計公司、ChatGPT、微信公眾號、企業網站制作、品牌網站建設
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 高端網站建設有哪些基本要素 2024-04-30
- 公司網站怎么樣進行后期運行、維護和管理(怎么樣建立公司網站) 2024-04-30
- 微營銷品牌如何調整營銷策略的幾個方法 2024-04-30
- 如何避免SQL注入式攻擊的網站-bbobby-tables 2024-04-30
- 從四個方面幫你做好移動頁面性能優化 2024-04-30
- 成都網站建設公司告訴你域名備案需要多久？要花多少錢？ 2024-04-30
- 網頁設計色彩剖析之矚目紅 2024-04-30
- 成都網站運營：如何解決競價推廣跳出率太高 2024-04-30
- APP應用，白領們應該更注重效率的水平 2024-04-30
- H5網站制作應該注意什么 2024-04-30
- 為什么服務器總是開著？電腦可以當服務器嗎？ 2024-04-30
- 高端成都網站建設主要特性及相關注意事項 2024-04-30
- 如何建立一個效果好的營銷網站？ 2024-04-30
- 遠程應用服務器軟件的定義，使用應用服務器軟件的好處 2024-04-30
- 公司三站合一（電腦站、平板站、手機站）網站制作 2024-04-30
- 東莞外貿網站建設 2024-04-30
- 詳細介紹網頁設計中的簡約設計之美 2024-04-30
- 如何建跨境電商獨立站做跨境電商獨立站要多少錢 2024-04-30
- 成都SEO優化公司在當下市場中的口碑是非常好的 2024-04-30