▇--------8000个权重34友链出售------▇ ▇------- 外链代发 50元/300条 ------▇ 【百度快速前3】9月最新算法 ★百度快速排名★诚招代理★提供后台★ 百度前20页快速上首页▇▇招代理▇▇
▇▇▇5000个权重4友链只售3元▇▇▇ 顶尖seo-排名3-15天上首页 不限词 买链接 卖链接 就上【无忧当铺网】 友情链接买卖上【95链】无手续费 ★百度快速排名★诚招代理★提供后台★
【正规SEO排名技术】排名上了再付款 ▇------- 外链代发 50元/300条 ------▇ 【做站群不如做店群★实战月入2万】 【霸屏系统咨询QQ:294781937】 广告位招租,咨询QQ:800005226

【小七教程】用div+css创建“小七论坛”的logo和导航部分

2017-05-20 15:59| 作者: 小七| 回帖: 10| 浏览: 685
这一节综合运营div创建“小七论坛”的logo和导航条,其实就是在上一节的基础上再加一个div,里面放一个logo即可,两个div外面再套一个总的div即可,后面的正文部分还有很多div需要用到。这一节相对比较简单,完整测试代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.all{
      width:1100px;
      margin:0 auto;}
.top{
       margin-left:73px;}
.nav ul{
        width:1000px;
        height:40px;
        border-bottom:1px solid #E20001;
        margin:0 auto;
}
.nav ul li{
        float:left;
        list-style:none;
}
.nav ul li a{
        width:100px;
        height:30px;
        line-height:30px;
        background-color:#E20001;
        color:#FFFFFF;
        margin:10px 5px;
        font-size:12px;
        display:block;
        text-align:center;
        text-decoration:none;
}
.nav ul li a:hover{
        background-color:#FFFF00;
        }
</style>
</head>

<body>
<div class="all">
<div class="top"><a href="http://www.seowhy7.com/" target="_blank"><img src="bbs-logo.png" /></a></div>
<div class="nav">
<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>
</ul>
</div>
</div>
</body>
</html>
33333.jpg


回帖
jinbaoyoule
2017-5-20 17:56:06
学习了,很受用
jinbaoyoule
2017-5-22 11:31:42
又阅读一遍
学习了,谢谢分享
jinbaoyoule
2017-5-23 09:46:55
实践了一下
又出糗了
2017-6-5 15:26:55
这个需要实践。。
121340751
2017-6-6 16:01:00
实践了一下
mojsxj
[url=www.piv6.com]ca88.com下载
2017-6-30 19:17:01
有待我去操作一遍
载哥悠人
手机排名软件shoujipaiming.com,网站排名教程www.sochenwang.com
2017-7-6 13:08:18
,感觉试用的,先收藏的了
flanker
[url=http://www.itzy.top/]it资
2017-9-21 10:22:49
很受用学习了
您需要登录后才可以回帖 登录 | 注册
快速回复 返回顶部 返回列表