css中li定义

html-css015

css中li定义,第1张

抱歉 说错了

无序列表中的子标签 结构为

<ul>

<li></li>

</ul>

作用：基本用途不用说了。在现今的网页设计中为了确保网页的良好结构，我们一般用li来组织网页的导航按钮，不提倡简单的将一堆a放在一起。

<style type="text/css">

.box{width:1000pxheight:40pxmargin:50px autoborder:1px solid #3366CCline-height:40pxtext-align: center}

.btn-left{height:25pxwidth:25pxborder:1px solid #000}

.btn-right{height:25pxwidth:25pxborder:1px solid #000}

.fl{float:left}

ul{list-style:nonepadding: 0}

ul li{height:8pxwidth:8pxborder-radius:8px 8pxbackground-color:#888888float:leftmargin-left:3px}

.div1{

display: inline-block

}

</style>

</head>

<body>

<div class="box">

<div class="div1">

<button class="btn-left fl">asd</button>

<ul class="fl">

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

<button class="btn-right fl">asd</button>

</div>

</div>

</body>