css里li标签的实现方式 跪求

html-css05

css里li标签的实现方式 跪求,第1张

<style>

*{ paddding:0 margin:0}

li{ list-style-type:none}

b{font-weight:normalpadding:0 10px} 

p{line-height:30px}

</style>

<ul style="font-size:14px color:#eee">

       <li>

              <b style=" color:#f00 font-size:15px">姓名<b>

              <span style="color:#f00 font-size:15px">奖品</span>    

       </li>

       <li>

           <p>

                <b>姓名</b><span>海盗双人五日游</span>

           </p>

           <p>

                   <b>岛封</b><span>海盗双人五日游</span>

           </p>

        </li>

        

        

        <li>

           <p>

                <b>姓名</b><span>海盗双人五日游</span>

           </p>

           <p>

                   <b>岛封</b><span>海盗双人五日游</span>

           </p>

        </li>

        <li>

           <p>

                <b>姓名</b><span>海盗双人五日游</span>

           </p>

           <p>

                   <b>岛封</b><span>海盗双人五日游</span>

           </p>

        </li>

        <li>

           <p>

                <b>姓名</b><span>海盗双人五日游</span>

           </p>

           <p>

                   <b>岛封</b><span>海盗双人五日游</span>

           </p>

        </li>

        <li>

           <p>

                <b>姓名</b><span>海盗双人五日游</span>

           </p>

           <p>

                   <b>岛封</b><span>海盗双人五日游</span>

           </p>

        </li>

</ul>

css li代码不起作用,请老师看下

首先,你的ol li标签书写不规范,虽然单独使用li有些浏览器可以识别,但总会有或多或少的错误。 请按w3c标准书写代码。 li为列表项,配合ul 或者ol使用。 ol不能单独使用。 应这样: <ol><li></li><li></li></ol>关于你的样式无