HTML中的無序列表(<ul>
)不僅可以用于展示一組相關的項目,還可以用來設置頁面底部。通過將頁面底部內容放置在<ul>
標簽中,我們可以使用CSS樣式來定位和設置頁面底部的樣式和布局。
<ul class="footer"> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Contact Us</a></li> </ul>
可以根據具體需求設置CSS樣式來定位底部內容的位置:position: fixed; bottom: 0; left:0;
可以使底部內容始終保持在頁面底部;display: flex; justify-content: center; align-items: center;
可以使底部內容水平和垂直居中。
.footer { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; background-color: #333; color: #fff; font-size: 14px; padding: 10px 0; }
底部內容可以是一些許可證信息、作者信息、版權信息、隱私政策信息等,通過使用<a>
標簽等可以使頁面內容與底部信息相互關聯。
綜上所述,使用<ul>
標簽設置頁面底部是一種簡單、靈活且易于擴展的方式,同時通過樣式設置可以使底部內容美觀、實用。
上一篇java vue配合
下一篇beego獲取json