<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>赛门国际导航</title>
<link rel="stylesheet" type="text/css" href="css/sm.css">
<link rel="stylesheet" type="text/css" href="css/font- awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="header">
<div class= "headermain">
<div class="headermain_l">
<a href="">你好,欢迎来到赛门</a>
</div>
<div class="headermain_r">
<a href="">登陆</a>
<a href="" >免费注册</a>
<a href="" >我的赛门 <i class="fa fa-arrow-down"></i>
<ul>
<li>sales</ li>
<li>sales</li>
</ul>
</a>
<a href="">我的收藏</a>
< a href="">网站导航</a>
</div>
</div>
</div>
<div class="clear"></ div>
</body>
</html>
*{margin: 0px; padding: 0px;}
.clear{clear: Both;}
li {list-style: none;}
a{text-decoration: none; Schriftgröße: 15px; Rand links: 5px; Farbe: #fff; Zeilenhöhe: 40px; Anzeige: inline-block;
padding-left: 10px;padding-right: 10px; Position: relativ; }
.header
{ background-color: #105599}
.headermain
{width: 1200px;margin: 0px auto; Höhe: 40px;}
.headermain_l
{ float: left;}
.headermain_r
{
width: 550px;
float: right;
}
.headermain_r a:hover
{
background-color: #0A2743;
}
.headermain_r ul
{
Höhe: 80px; Breite: 80px; Position: absolut;
}
.heademain_r ul li
{
Height: 30px;