无序列表列表项横向排列

<!doctype html>

<html>

<head>

<meta name="description" content="购物模块"/>

<meta http-euqiv="content-type" content="text/html;charset=utf-8"/>

<style type="text/css">

.setStyle{

display:inline;

background-color:red;

list-style:none;

}

</style>

</head>

<body>

<ul class="setStyle">

<li>首页</li>

<li>美食</li>

<li>今日新单</li>

<li>团购</li>

<li>身边外卖</li>

<li>休闲娱乐</li>

<li>生活服务</li>

</ul>

</body>

</html>


慕UI9918925
浏览 2165回答 1
1回答

蜂之谷

.setStyle li{ display:inline; background-color:red; list-style:none; }这样就行了
打开App,查看更多内容
随时随地看视频慕课网APP