*{
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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。