Dreamweaver是一款非常強大的網頁制作工具,其中設置HTML滾動屏幕非常簡單。
<body> <div style="height: 2000px;"></div> </body>
以上代碼表示頁面有一個高度為2000px的空白div元素,而頁面內容不足2000px時,會自動出現滾動條。
當然,您也可以通過CSS的overflow屬性來實現滾動屏幕。
<head> <style type="text/css"> #container{ height: 200px; overflow: auto; } </style> </head> <body> <div id="container"> <ul> <li><a href="#">列表項1</a></li> <li><a href="#">列表項2</a></li> <li><a href="#">列表項3</a></li> <li><a href="#">列表項4</a></li> <li><a href="#">列表項5</a></li> <li><a href="#">列表項6</a></li> <li><a href="#">列表項7</a></li> <li><a href="#">列表項8</a></li> <li><a href="#">列表項9</a></li> <li><a href="#">列表項10</a></li> </ul> </div> </body>
以上代碼表示一個高度為200px的div容器,當內容超過容器高度時,會自動出現豎向滾動條。
通過上述方法設置HTML滾動屏幕,可以讓頁面更加美觀且易于瀏覽。
上一篇DW網站翻頁html代碼
下一篇dz發帖html代碼