SOURCE

console 命令行工具 X clear

                    
>
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;
}