ul li在CSS里各是做什么的?

html-css036

ul li在CSS里各是做什么的?,第1张

ul 和 li 是html的两个标签,他们一般都是成对的出现:即<ul>包裹<li></li></ul>

常见的新闻列表、tab

<ul><li>导航菜单1</li><li>导航菜单2</li><li>导航菜单3</li></ul>

<h1>今天的新闻真正好,我是标题</h1>

<ul>

<li>如果你有100万怎么花</li>

<li>你有中了福彩一等奖</li>

<li>我是有底线的新闻</li>

</ul>

麻烦给个采纳吧

使用float属性,使他横向排列即可。

<style>

ul,li{padding:0margin:0list-style:none}

ul{width:1000px}

ul li{float:leftwidth:200px}/**li标签float属性,使他左浮动**/

ul li a{display:blockwidth:100%padding:20px 0 text-align:center}

</style> <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>

具体效果根据自身项目,调节即可!