首页手记 aside侧边栏用法加强巩固

aside侧边栏用法加强巩固

标签：

Html/CSS

aside标记一个侧边栏，实现类似淘宝侧边栏类目的功能。

<!DOCTYPE html>
<html lang="en">
<head>
<mate charset=""utf-8>
<title>aside侧边栏</title>
<style  type="text/css">
ul {
text-decoration: none;
}
</style>
</head>
<body>
 <section>
  <aside>
    <ul>
         <li>HOME
              <ul>
                   <li>HOME</li>
                   <li>Course</li>
                   <li>Actual</li>
                   <li>Notes</li>
              </ul></li>
         <li>Course    
              <ul>
                   <li>HOME</li>
                   <li>Course</li>
                   <li>Actual</li>
                   <li>Notes</li>
               </ul></li>
         <li>Actual
              <ul>
                   <li>HOME</li>
                   <li>Course</li>
                   <li>Actual</li>
                   <li>Notes</li>
               </ul></li>
         <li>Notes
              <ul>
                   <li>HOME</li>
                   <li>Course</li>
                   <li>Actual</li>
                   <li>Notes</li>
               </ul></li>
    </ul>
  </aside>
 </section>
</body>
</html>

点击查看更多内容