文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
我的下拉菜单怎么没有出来
骑师
骑师 2018-12-13 18:13:35
[HTML讨论组]
0 0 1022
举报

<!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; font-size: 15px; margin-left: 5px; color: #fff; line-height: 40px;  display: inline-block;

padding-left: 10px;padding-right: 10px; position: relative; }

.header

{  background-color: #105599}

.headermain

{width: 1200px;margin: 0px auto; height: 40px;} 

.headermain_l

{ float: left;}


.headermain_r

{

width: 550px; 

float: right;

}

.headermain_r a:hover

{

background-color: #0A2743;

}


.headermain_r ul

{

  height: 80px; width: 80px; position: absolute;

}


.headermain_r ul li

{

height: 30px;

}

哪位老师帮忙分析一下

骑师
骑师

全部回复(0)
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部