標籤：20px doc erb over span htm doctype point foo
css 樣式小竅門
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>頁面分布</title> <style> body { margin: 0; /*讓整個頁面的邊距消失*/ } .pg-head { height: 40px; background-color: dodgerblue; line-height: 30px; /*調整這個標籤裡面中的文字水平的位置*/ } .w{ width: 760px; margin: 0 auto; /*置中*/ } ul{ margin: 0; list-style-type: none; } ul li { float: left; padding:0 20px 0 20px; cursor: pointer; margin-top: 4px; font-size: 5px; } ul li:hover{ /*偽類,當滑鼠移動當該標籤上時自動應用此效果*/ background-color: darkblue; } </style></head><body> <div class="pg-head"> <div class="w"> <ul> <li>菜單一</li> <li>菜單二</li> <li>菜單三</li> </ul> </div> </div> <div class="pg-body"></div> <div class="pg-footer"></div></body></html>
css 樣式小竅門
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
