console
<html>
<head>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<h1>美食の</h1>
<ul>
<li class="item" id="first">鲁菜</li>
<li class="item" id="second">川菜</li>
<li class="item" id="3rd">苏菜</li>
<li class="item" id="4th">湘菜</li>
</ul>
<button type="button" class="btn btn-danger">目录</button>
<ul class="list-group">
<li class="list-group-item">登录/注册</li>
<li class="list-group-item">我的收藏</li>
<li class="list-group-item">历史记录</li>
<li class="list-group-item">
<span class="badge">新</span>
冬日特价
</li>
<li class="list-group-item">菜单</li>
<li class="list-group-item">
<span class="badge">新</span>
版本
</li>
</ul>
</body>
</html>
h1{
color:rgb(157, 255, 0);
text-align: center;
}
.item{
background-color:rgb(166, 208, 247);
}
.item:hover{
background-color: gray;
}
ul > li {
color:green;
font-size:15px;
}
li:first-child{
border:solid 1px gray;
}