"
Team:HZAU-China/Gallery
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
{{:Team：HZAU-China/background-head}} | {{:Team：HZAU-China/background-head}} | ||
<html> | <html> | ||
| + | |||
| + | <style> | ||
| + | #info{ width:710px; background: transpant; margin-left:auto; margin-right:auto; text-align:center; height:533px;} | ||
| + | h3{ margin:20px 0 0 0; color:#CC0000; font-size:12px;color:#FFF} | ||
| + | ul,li{ list-style:none; margin:0; padding:0;} | ||
| + | a:active,a:hover{ cursor:pointer} | ||
| + | #info #zs img{ width:690px; height:500px; border:7px solid #FFF;} | ||
| + | #zs{ height:400px; overflow: hidden; text-align:left; float:left; width:550px;} | ||
| + | #zs ul{ margin:0 0 0 30px;} | ||
| + | #zs span{ display:block} | ||
| + | #zs a{ display:inline} | ||
| + | #nav{ padding-right:10px;width:135px; height:400px; overflow:auto; padding:0; text-align:left; float:left;} | ||
| + | #nav a{ display:block} | ||
| + | .z{ width:80px; height:56px;display:block; border:1px solid #FFFFFF; margin:4px 0 4px 25px;color:#FFF} | ||
| + | .b1{ background:url(https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG)} | ||
| + | .b2{ background:url(https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG)} | ||
| + | .b3{ background:url(https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG)} | ||
| + | .b4{ background:url(https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG)} | ||
| + | .b5{ background:url(https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG)} | ||
| + | .b6{ background:url(https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG)} | ||
| + | #zs li{ display:block; height:400px;} | ||
| + | </style> | ||
<style> | <style> | ||
| Line 101: | Line 123: | ||
<center><span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Gallery</span></center> | <center><span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Gallery</span></center> | ||
<p><br></p> | <p><br></p> | ||
| - | + | ||
| + | <div id="info"> | ||
| + | <h3>子鼠的CSS相册v2.0</h3> | ||
| + | <div id="zs"> | ||
| + | |||
| + | <ul> | ||
| + | <li><a name="z1" id="z1"></a><img src="https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG" alt="照片1" /><br /> | ||
| + | 这是照片1 | ||
| + | <span><a href="/" target="_blank">子鼠</a></span></li> | ||
| + | <li><a name="z2" id="z2"></a><img src="" alt="照片2" /><br /> | ||
| + | 这是照片2 | ||
| + | <span><a href="#" target="_blank">子鼠</a></span></li> | ||
| + | <li><a name="z3" id="z3"></a><img src="" alt="照片3" /><br /> | ||
| + | 这是照片3 | ||
| + | <span><a href="#" target="_blank">子鼠</a></span></li> | ||
| + | <li><a name="z4" id="z4"></a><img src="" alt="照片4" /><br /> | ||
| + | 这是照片4 | ||
| + | <span><a href="#" target="_blank">子鼠</a></span></li> | ||
| + | <li><a name="z5" id="z5"></a><img src="" alt="照片5" /><br /> | ||
| + | 这是照片5 | ||
| + | <span><a href="#" target="_blank">子鼠</a></span></li> | ||
| + | <li><a name="z6" id="z6"></a><img src="" alt="照片6" /><br /> | ||
| + | 这是照片6 | ||
| + | <span><a href="#" target="_blank">子鼠</a></span></li> | ||
| + | <li><a name="z7" id="z7"></a><img src="" alt="照片1" /><br /> | ||
| + | 这是照片1 | ||
| + | <span><a href="#" target="_blank">子鼠</a></span></li> | ||
| + | <li><a name="z8" id="z8"></a><img src="https://static.igem.org/mediawiki/2013/8/8f/DSC_1987.JPG" alt="照片2" /><br /> | ||
| + | 这是照片2 | ||
| + | <span><a href="#" target="_blank">子鼠</a></span></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | |||
| + | <div id="nav"> | ||
| + | <a href="#z1" class="b1 z" title="照片1"></a> | ||
| + | <a href="#z2" class="b2 z" title="照片2"></a> | ||
| + | <a href="#z3" class="b3 z" title="照片3"></a> | ||
| + | <a href="#z4" class="b4 z" title="照片4"></a> | ||
| + | <a href="#z5" class="b5 z" title="照片5"></a> | ||
| + | <a href="#z6" class="b6 z" title="照片6"></a> | ||
| + | <a href="#z7" class="b1 z" title="照片1"></a> | ||
| + | <a href="#z8" class="b2 z" title="照片2"></a> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
Revision as of 13:55, 27 September 2013
