一个导航条布局的简单写法
一个导航条布局的简单写法
发布时间:2016-12-29 来源:查字典编辑
摘要:我希望能用最简单的代码去解决问题!CSS部分复制代码代码如下:#menuul{list-style:none;margin:0px;padd...

我希望能用最简单的代码去解决问题!

CSS部分

复制代码 代码如下:

<style>

#menuul{list-style:none;margin:0px;padding:0px;}

#menuli{float:left;font-size:12px;background:#999;padding:2px20px;border:1pxsolid#000;margin-left:-1px;}

</style>

内容部分:

复制代码 代码如下:

<divid="menu">

<ul>

<li>标题一</li>

<li>标题一</li>

<li>标题一</li>

<li>标题一</li>

<li>标题一</li>

<li>标题一</li>

</ul>

</div>

#menu ul { list-style:none; margin: 0px; padding: 0px; } #menu li { float:left; font-size:12px; background: #999; padding:2px 20px;border:1px solid #000; margin-left: -1px; } --> 标题一 标题一 标题一 标题一 标题一 标题一

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类