<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title> 網站導航 </title> /* 網站標題 */
<style>
body{ margin:0px; } /* body 的外邊距0像素 */
.nav{ /* 網站導航都是 nav 標簽 */
padding-top:20px; /* 導航盒子內邊距上面 20像素 */
padding-bottom:20px; /* 導航盒子內邊距下面 20像素 */
background-color:#666; /* 導航盒子的背景顏色 */
}
li{
display:inline; /* 浮動 內聯 顯示 重點 盒子內聯顯示都要使用 inline 內聯顯示，橫排顯示*/
padding-right:10px; /* 內邊距右邊 10 像素 */
color:#333; /* 內容字體 顏色 */
}
</style>
</head>
<body>
<div class="nav"> /* 給div指定樣式 nav 類選擇器*/
<ul> /* ul 給指定一個大的盒子 */
<li>首頁</li> /* li 給指定盒子內加小盒子給出內容 */
<li>公司簡介</li>
<li>產品介紹</li>
<li>售后服務</li>
<li>聯系我們</li> /* 所有的html里的元素都是盒子 */
</div>
</body>
</html>