<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタのcharset = "UTF-8">
<タイトル>布局实例</ TITLE>
</ HEAD>
<スタイルタイプ= "テキスト/ cssの">
。メニュー{
リストスタイル：なし。
背景色：＃55a8ea。
パディング：0;
幅：960ピクセル幅。
高さ：40ピクセル;
マージン：は50pxオート0;
位置：相対; / *相对定位* /
}
.menu李{
フロート：左;
幅：100ピクセル;
高さ：40ピクセル;
テキスト整列：センター;
行の高さ：40ピクセル;
}
.menuのLi A {
/ *フォントサイズ：14px;
フォントファミリ：「微軟雅黒」;
色：#FFF; * /
フォント：14px / 40ピクセル'微軟雅黒';
色：#FFF;
テキスト装飾：なし;
}
.menuのLi：ホバー{
背景色：＃00619f。
}
.menu .active {
背景色：＃00619f。
}
.menu .new {
幅：58px;
高さ：35px;
背景：URL（画像/ new.png）ノー・リピート;
位置：絶対;
左：422px;
トップ：-18px;
}
.menu .new：ホバー{
背景：URL（画像/ new.png）なしリピート;
}
</スタイル>
<身体>
<ULクラス= "メニュー">
<LIクラス= "アクティブ"> <a href="">首页</a>の</ LI>
<LI> <a href="">网站建设する</a> < / LI>
<LI> <a href="">网站建设する</a> </ LI>
<LI> <a href="">网站建设する</a> </ LI>
<LI> <A HREF = "">网站建设する</a>ます。</ li>
<LI> <a href="">网站建设する</a>ます。</ li>
<LI> <a href="">网站建设する</a> < / LI>
<LIクラス= "新しい"> </ LI>
</ UL>
</ BODY>
</ HTML>
