本篇文章主要介绍了"CSS制作横向导航菜单实例代码",主要涉及到方面的内容,对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下:
CSS制作横向导航菜单实例代码:横向导航菜单是div css布局中最为基础的且必须要掌握额技能,对于稍有布局经验的朋友这都不是问题,但是对于初学者可能未必如此,...
CSS制作横向导航菜单实例代码:
横向导航菜单是div css布局中最为基础的且必须要掌握额技能,对于稍有布局经验的朋友这都不是问题,但是对于初学者可能未必如此,所以这里分享一段最为基础的布局代码,希望能够给需要的朋友带来帮助。
代码如下:
DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/"/><title>蚂蚁部落title><style type="text/css">ul
{ float:left; width:100%; padding:0; margin:0; list-style-type:none;}a
{ float:left; width:7em; text-decoration:none; color:white; background-color:purple; padding:0.2em 0.6em; border-right:1px solid white; text-align:center;}a: hover{background-color:#ff3300}li{display: inline}style>head><body><ul><li><a href="#">蚂蚁部落一a>li><li><a href="#">蚂蚁部落二a>li><li><a href="#">蚂蚁部落三a>li><li><a href="#">蚂蚁部落四a>li>ul>body>html>
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10903
更多内容可以参阅:http://www.softwhy.com/divcss/
以上就介绍了CSS制作横向导航菜单实例代码,包括了方面的内容,希望对HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。
本文网址链接:http://www.codes51.com/article/detail_269595.html