Difference between revisions of "Team:CHINA CD UESTC/Description"
Line 9: | Line 9: | ||
<style type="text/css"> | <style type="text/css"> | ||
− | + | p#back-to-top{ | |
+ | position:fixed; | ||
+ | bottom:100px; | ||
+ | left:80px; | ||
+ | } | ||
+ | p#back-to-top a{ | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | color:#d1d1d1; | ||
+ | display:block; | ||
+ | width:80px; | ||
+ | /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ | ||
+ | -moz-transition:color 1s; | ||
+ | -webkit-transition:color 1s; | ||
+ | -o-transition:color 1s; | ||
+ | } | ||
+ | p#back-to-top a:hover{ | ||
+ | color:#979797; | ||
+ | } | ||
+ | p#back-to-top a span{ | ||
+ | background:#d1d1d1 url(https://static.igem.org/mediawiki/2015/e/ed/CHINA_CD_UESTC_gotop.png) no-repeat center center; | ||
+ | border-radius:6px; | ||
+ | display:block; | ||
+ | height:80px; | ||
+ | width:80px; | ||
+ | margin-bottom:5px; | ||
+ | /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/ | ||
+ | -moz-transition:background 1s; | ||
+ | -webkit-transition:background 1s; | ||
+ | -o-transition:background 1s; | ||
+ | } | ||
+ | #back-to-top a:hover span{ | ||
+ | background:#979797 url(https://static.igem.org/mediawiki/2015/e/ed/CHINA_CD_UESTC_gotop.png) no-repeat center center; | ||
+ | } | ||
/************************************************* | /************************************************* | ||
Line 42: | Line 75: | ||
</style> | </style> | ||
− | <body id=" | + | <body id="top"> |
+ | <p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p> | ||
<div id="RightSection"></div> | <div id="RightSection"></div> |
Revision as of 00:25, 16 September 2015
<!DOCTYPE html>
DESCRIPTION
Do you know how to solve energy crisis utilizing biological methods? Have you ever heard about constructing a cell with enzyme? Nothing is too strange in the nature. There are many special properties of bacteria in the nature such as producing electricity, being attracted by magnet.Please read the description!