首页 > 其他分享> > 215

215

2021-10-28 16:01:31 作者：互联网

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

标签：215,相册,分类,相片,padding,名称
来源： https://www.cnblogs.com/chonye/p/15476099.html