TA貢獻9條經驗 獲得超0個贊
首頁代碼：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="txt/html"; charset="utf-8">
<title>宏大印刷</title>
<style>
#menu/*整體菜單欄*/{
width:100%;
height:40px;
background-color:#272727;
float:left;
}
a:link{
font-family: "黑體";
font-size:18px;
color:white;
text-decoration: none;
}
a:hover{
? ? ? ? ? ? ? ? color:#eedde7;
? ? ? ? ? ? }
? ? ? ? ? ? a:visited{
? ? ? ? ? ? ? ? color:white;
? ? ? ? ? ? }
#menu ul/*設置表格格式*/{
padding:0;
list-style:none;
margin:0 0 0 250px;
}
li/*每個菜單具體樣式*/{
width:150px;
line-height:40px;
text-align: left;
float:left;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li style="width:200px"><a href="production.html" target="_blank" style="font-size:25px;font-family: Brush Script Std">HDYS</a></li><!-- 此處應放logo圖片 -->
<li><a href="package.html" target="_blank">包裝印刷</a></li>
<li><a href="advertisement.html" target="_blank">廣告印刷</a></li>
<li><a href="stationery.html" target="_blank">文具印刷</a></li>
<li><a href="special.html" target="_blank">特殊印刷</a></li>
<li><a href=".contact.html" target="_blank">聯系我們</a></li>
</ul>
</div>
</body>
</html>
子網頁代碼：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="txt/html"; charset="utf-8">
<title>包裝印刷</title>
<style>
#menu/*整體菜單欄*/{
width:100%;
height:40px;
background-color:#272727;
float:left;
}
a:link{
font-family: "黑體";
font-size:18px;
color:white;
text-decoration: none;
}
a:hover{
? ? ? ? ? ? ? ? color:#eedde7;
? ? ? ? ? ? }
? ? ? ? ? ? a:visited{
? ? ? ? ? ? ? ? color:white;
? ? ? ? ? ? }
#menu ul/*設置表格格式*/{
padding:0;
list-style:none;
margin:0 0 0 250px;
}
li/*每個菜單具體樣式*/{
width:150px;
line-height:40px;
text-align: left;
float:left;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li style="width:200px"><a href="production.html" target="_blank" style="font-size:25px;font-family: Brush Script Std">HDYS</a></li><!-- 此處應放logo圖片 -->
<li><a href="package.html" target="_blank">包裝印刷</a></li>
<li><a href="advertisement.html" target="_blank">廣告印刷</a></li>
<li><a href="stationery.html" target="_blank">文具印刷</a></li>
<li><a href="special.html" target="_blank">特殊印刷</a></li>
<li><a href="contact.html" target="_blank">聯系我們</a></li>
</ul>
</div>
</body>
</html>
舉報