215

<style>
  *{
   padding: 0px
    
  }
 
 </style>
</head> <body>
 <div id="main">
  <div id="header">
   <h1 id="logo"><a href="#" title="[Go to hoomepage]">相册名称</a></h1>
   </div>
  <div id="nav" class="box">
   <h3 class="noscreen">Navigation</h3>
   <ul>
    <li id="nav-active"><a href="#">相册</a></li>
    <li><a href="#">分类1</a></li>
    <li><a href="#">分类2</a></li>
    <li><a href="#">分类3</a></li>
   </ul>
 </div>
 <div id="cols-top"></div>
 <div id="cols" class="box">
  <div id="content">
  <!-- 预览相片框架 -->
  <div id="topstory-img"><img height="100px" src="../Pictures/Saved Pictures/OIP-C.jpg" alt=" " /></div>
   <div id="topstory-desc">
    <div id="topstory-title">
     <h2><a href="#">相片名称</a></h2>
     <p class="info">元信息</p>
  </div>
  <div id="topstory-desc-in">
   <p>相片详细说明</p>
   </div>
   </div>
  </div>
  <!-- 详细相片的框架 -->
  <div class="content-padding">
   <h3 class="hx-style01 nomt">随机相片</h3>
   <ul id="photos" class="box">
    <li><a href="#"><img  src="../Pictures/Saved Pictures/OIP-C1.jpg" alt="相册" /></a></li>
    <li><a href="#"><img  src="../Pictures/Saved Pictures/OIP-C2.jpg" alt="相册" /></a></li>
    <li><a href="#"><img  src="../Pictures/Saved Pictures/OIP-C3.jpg" alt="相册" /></a></li>
    <li><a href="#"><img  src="../Pictures/Saved Pictures/OIP-C4.jpg" alt="相册" /></a></li>
    <li><a href="#"><img  src="../Pictures/Saved Pictures/OIP-C5.jpg" alt="相册" /></a></li>
   </ul>
   <div class="separator"></div>
   <!-- 相册列表装饰 -->
  <!-- 侧栏分类相片框架 -->
  <div id="aside">
   <h3 class="title">侧栏列表</h3>
  </div>
  </div>
上一篇:2021-07-22


下一篇:php学习