Difference between revisions of "Team:NTHU Formosa/Project02"

(Created page with " <html> <style> img { display: block; margin-left: auto; margin-right: auto; } </style> </html>")
 
 
Line 1: Line 1:
 +
  
 
<html>
 
<html>
  
  
 +
<div id="Home">
 +
 +
 +
 +
<a target="_blank" href="https://2018.igem.org/Team:NTHU_Formosa/test02" style="color:#000000;">Home</a>
 +
 +
</div>
 +
 +
 +
<div id="Project02">
 +
 +
 +
<a target="_blank" href="https://2018.igem.org/Team:NTHU_Formosa/Project02" style="color:#000000;">Project02</a>
 +
 +
</div>
 +
 +
 +
 +
<head>
 +
  <style type="text/css">
 +
 +
#Home{margin-right: 50px;}
 +
 +
#Project02{margin-right: 0px;}
 +
 +
 +
#Home{
 +
 +
    position: fixed;  /*固定在網頁上不隨卷軸移動*/
 +
 +
    top: 90%;  /*設置垂直位置*/
 +
 +
    right: 50%;  /*設置水平位置，依所放的內容多寡需要自行手動調整*/
 +
 +
    background: #B94FFF;  /*背景顏色*/
 +
 +
    padding: 10px 20px;
 +
 +
    border-radius: 10px;  /*圓角*/
 +
 +
    -moz-border-radius: 10px;
 +
 +
    -webkit-border-radius: 10px;
 +
 +
}
 +
 +
#Home:hover{  /*當滑鼠移至此區塊時，伸縮區塊*/
 +
 +
    right: 55%px;
 +
 +
}
 +
 +
 +
 +
 +
#Project02{
 +
 +
    position: fixed;  /*固定在網頁上不隨卷軸移動*/
 +
 +
    top: 90%;  /*設置垂直位置*/
 +
 +
    right: 46%;  /*設置水平位置，依所放的內容多寡需要自行手動調整*/
 +
 +
    background: #B94FFF;  /*背景顏色*/
 +
 +
    padding: 10px 20px;
 +
 +
    border-radius: 10px;  /*圓角*/
 +
 +
    -moz-border-radius: 10px;
 +
 +
    -webkit-border-radius: 10px;
 +
 +
}
 +
 +
#Project02:hover{  /*當滑鼠移至此區塊時，伸縮區塊*/
 +
 +
    right: 55%px;
 +
 +
}
 +
 +
 +
</head>
  
  

Latest revision as of 04:32, 3 September 2018