请问该网页的css该如何写?
<body>
<div class="videobox">
<header>
< img src="images/but.gif" />
<div class="right">
<a href=" ">登录</a >
<a href="#">注册</a >
</div>
</header>
<nav>
<div class="left">
<a href="#">
<span></span>
选项
<span></span>
</a >
<aside>
<span></span>
<ol>
<li> <高光 </li>
<li> <妆前底妆 </li>
<li> <粉底液 </li>
<li> <粉底霜 </li>
<li> <粉饼 </li>
<li> <遮瑕/提亮 </li>
<li> <腮红 </li>
<li> <口红 </li>
<li> <眼影 </li>
</ol>
<ol>
<li> <高光 </li>
<li> <妆前底妆 </li>
<li> <粉底液 </li>
<li> <粉底霜 </li>
<li> <粉饼 </li>
<li> <遮瑕/提亮 </li>
<li> <腮红 </li>
<li> <口红 </li>
<li> <眼影 </li>
</ol>
</aside>
</div>
<div class="middle">
<form>
<input type="text" value="请选择所需要的商品等" />
</form>
</div>
<div class="right">
<a href="#"></a >
<a href="#"></a >
<a href="#"></a >
<a href="#"></a >
</div>
</nav>
<video src="video/5917f1cc442ba5d16e2152003990b8d8.mp4" autoplay="autoplay" loop="loop"></video>
<audio src="audio/home.ogg" autoplay="autoplay" loop="loop"></audio>
<div class="pic">
<span></span>
<p></p >
<ul>
<li><span></span></li>
<li><span></span></li>
</ul>
</div>
</div>
</body>
</html>