我的第一个DIV+CSS导航条 仿PHP168
来源:互联网 发布:如何屏蔽淘宝推广广告 编辑:程序博客网 时间:2024/04/30 12:16
HTML代码
<div>
<ul>
<li><a href="index.html" target="_blank">首页</a></li>
<li><a href="products.html" target="_blank">产品中心</a></li>
<li><a href="bbs.html" target="_blank">论坛</a></li>
<li><a href="contact.html" target="_blank">联系我们</a></li>
<li><a href="about.html" target="_blank">关于我们</a></li>
</ul>
</div>
CSS代码
div {
background:url(http://www.php168.com/images/htm/home_22.gif);
width:auto;
height:42px;
}
div ul {
margin:0;
float:right;
width:980px;
display:block;
}
div ul li {
list-style:none;
font-size:14px;
color:#FFFFFF;
line-height:42px;
float:left;
background:url(http://www.php168.com/images/htm/home_25.gif) no-repeat left;
padding-right:14px;
padding-left: 14px;
}
div ul li a:link {
text-decoration:none;
color:#FFF;
}
div ul li a:hover {
text-decoration:underline;
color:#FFF;
}
div ul li a:focus{
text-decoration:none;
border:#FFF dashed 0.2px;
}
div ul li a:visited{
text-decoration:none;
border:#FFF dashed 0.05px;
}
- 我的第一个DIV+CSS导航条 仿PHP168
- DIV+CSS仿360buy京东商城导航条
- 一个导航条的效果DIV+CSS
- div+css 导航条的制作?
- CSS布局实例 个非常棒的DIV+CSS导航条效果!
- CSS布局实例 个非常棒的DIV+CSS导航条效果!
- jquery、div+css导航条
- 仿网易的滑动门导航效果代码(DIV+CSS)
- 【css+div】仿写dz导航业
- 客齐集的DIV+CSS导航条效果,酷
- DIV学写带动画的CSS+JS下拉导航条
- DIV+CSS基础教程:导航条的制作详解
- 一个DIV+CSS代码布局的简单导航条
- 一个DIV+CSS导航条效果
- DIV+CSS漂亮滑动门导航条
- 水平导航条效果 div+css
- css+div 导航条如何横着放
- CSS+DIV设计导航条源代码
- 一语道破项目管理知识体系42个过程
- 函数指针数组的妙用
- 从微软得到的教训:十个要避免的网站设计陷阱
- Struts2中获取request,response,session
- isr
- 我的第一个DIV+CSS导航条 仿PHP168
- SSH框架结构配置
- pod 类型
- 网上找到的HashSet的java实现
- IBM Lotus Sametime 8.5 策略管理简介
- ABAP AT SELECTION-SCREEN ON VALUE-REQUEST / PROGRESS ON VALUE-REQUEST
- 自己参考jdk和hashSet写的hashTable(JAVA实现)
- 在ORACLE中实现SELECTTOPN的方法--转
- jbpm设计器的配置和使用