我的html代码:
<ul>
<li><i class="fa fa-shopping-cart" aria-hidden="true" ></i><a href="order.html">Orders</a></li>
<li><i class=' fa fa-address-book' aria-hidden="true" ></i> <a href="dashboard.html">Dashboard</a></li>
<li><i class="fa fa-cube" aria-hidden="true" ></i> <a href="products.html">Products</a></li>
<li><i class="fa fa-gear" aria-hidden="true" ></i> <a href="SellerSection.html">Seller Section</a></li>
<li><i class="fa fa-dollar" aria-hidden="true"style ="font-size: 40px;" ></i> <a href="sales.html">Sales</a></li>
<li><i class='fa fa-user' aria-hidden="true" ></i> <a href="customer.html">Customers</a></li>
<li class="active"><i class='fa fa-user-circle' aria-hidden="true" ></i> <a href="admin.html">Admin</a></li>
<li ><i class="fa fa-arrow-circle-left" aria-hidden="true" ></i> <a href="return.html">Return</a></li>
</ul>
任何帮助都将被指定
检查此代码:
null
<!DOCTYPE html>
<html>
<head>
<title>Awesome List</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.nav-list-item {
margin-left:5px;
}
#active-nav-list-item{
color:red;
}
</style>
</head>
<body>
<table>
<tr>
<td><i class="fa fa-shopping-cart" aria-hidden="true"></i></td>
<td><a class="nav-list-item" href="order.html">Orders</a></td>
</tr>
<tr>
<td><i class=' fa fa-address-book' aria-hidden="true"></i></td>
<td><a class="nav-list-item" href="dashboard.html">Dashboard</a></td>
</tr>
<tr>
<td><i class="fa fa-cube" aria-hidden="true"></i></td>
<td><a class="nav-list-item" href="products.html">Products</a></td>
</tr>
<tr>
<td><i class="fa fa-gear" aria-hidden="true"></i></td>
<td><a class="nav-list-item" href="SellerSection.html">Seller Section</a></td>
</tr>
<tr>
<td><i class="fa fa-dollar" aria-hidden="true"></i></td>
<td><a class="nav-list-item" href="sales.html">Sales</a></td>
</tr>
<tr>
<td><i class='fa fa-user' aria-hidden="true"></i></td>
<td><a class="nav-list-item" href="customer.html">Customers</a></td>
</tr>
<tr>
<td><i class='fa fa-user-circle' id="active-nav-list-item" aria-hidden="true"></i></td>
<td><a class="nav-list-item" id="active-nav-list-item" href="admin.html">Admin</a></td>
</tr>
<tr>
<td><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></td>
<td><a class="nav-list-item" href="return.html">Return</a></td>
</tr>
</table>
</body>
</html> 