CSS中不要直接写ul? 在CSS编写中,很多人会直接使用ul标签,例如: html <ul> <li>菜单项1</li&
html <ul> <li>菜单项1</li> <li>菜单项2</li> <li>菜单项3</li> </ul>
css ul { list-style: none; margin: 0; padding: 0; } <br> ul li { display: inline-block; padding: 5px 10px; background-color: #ccc; border-radius: 5px; margin-right: 10px; }
html <ul class="menu"> <li>菜单项1</li> <li>菜单项2</li> <li>菜单项3</li> </ul>
css .menu { list-style: none; margin: 0; padding: 0; } <br> .menu li { display: inline-block; padding: 5px 10px; background-color: #ccc; border-radius: 5px; margin-right: 10px; }
html <div class="header"> <ul class="menu"> <li>菜单项1</li> <li>菜单项2</li> <li>菜单项3</li> </ul> </div>
css .header { background-color: #f5f5f5; padding: 10px; } <br> /* 上面的.menu类已经定义,这里不需要再定义 */
粉丝
0
关注
0
收藏
0