快速標籤

如果沒有CSS基礎，請不要輕易嘗試此教學...。

因為我的標籤數越來越多，未來也希望能夠把LOMO當作BLOG的重點之一，所以我今天就把這幾個標籤獨立出來。因為Blogger對於CSS語法和平常的網站不太一樣，如果用DIV的寫法，就必須把每個元素包起來才可以，不然會造成高度不足，溢位的形況。下面有程式碼和CSS參考:)


HTML
<div id="lomo">
<div id="lomo_top"><a href="http://hnigel.blogspot.com/search/label/LOMO">LOMO</a></div>
<div id="lomo_info"><a href="http://hnigel.blogspot.com/search/label/Fish Eye">Fish Eye</a></div>
<div id="lomo_info"><a href="http://hnigel.blogspot.com/search/label/LCA">LCA</a></div>
<div id="lomo_info"><a href="http://hnigel.blogspot.com/search/label/Vivitar">Vivitar</a></div>
</div>


CSS
#lomo{
border: thin solid #000000;
width:180px;
text-align:center;
}

#lomo_top{
padding-top:20px;
display:block;
}

#lomo_top a{
font-size:56px;
color:#666666;
text-decoration: none;
}

#lomo a:visited{
color:#666666;
text-decoration: none;
}

#lomo_info{
font-size:24px;
display:block;
padding:3px;
margin:3px;
background-color: #CCCCCC;
}

#lomo_info a{
color:#ffffff;
}

#lomo_info a:visited{
color:#ffffff;
}