<!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>판매</li>
</ul>
</a>
<a href="">나의 收藏</a>
< a href="">网站导航</a>
</div>
</div>
</div>
<div class="clear"></ div>
</body>
</html>
*{여백: 0px; 패딩: 0px;}
.clear{clear: 둘 다;}
li {목록 스타일: 없음;}
a{텍스트 장식: 없음; 글꼴 크기: 15px; 왼쪽 여백: 5px; 색상: #fff; 줄 높이: 40px; 디스플레이: 인라인 블록;
패딩-왼쪽: 10px;패딩-오른쪽: 10px; 위치: 상대; }
.header
{ background-color: #105599}
.headermain
{width: 1200px;margin: 0px auto; 높이: 40px;}
.headermain_l
{ 부동: 왼쪽;}
.headermain_r
{
너비: 550px;
float: 오른쪽;
}
.headermain_r a:hover
{
Background-color: #0A2743;
}
.headermain_r ul
{
높이: 80px; 너비: 80px; 위치: 절대;
}
.headermain_r ul li
{
height: 30px;
}
哪位老师帮忙分析一下
