CSS Basic

#leftcolumn a:link{
background-color: #F6F4F0;
color: #000000;
text-decoration: none;
/*display: block;*/
padding: 2px;
border: 3px solid #e5e5e5;
margin-top: 3px;
border-radius: 5px;
}

*#leftcolumn a:link, #leftcolumn a:visited, #leftcolumn a:hover, #leftcolumn a:active {*/
#leftcolumn a:link{
background-color: #F6F4F0;
color: #000000;
text-decoration: none;
display: block;
padding: 2px;
border: 3px solid #e5e5e5;
margin-top: 3px;
border-radius: 5px;
}

http://www.w3schools.com/cssref/playit.asp?filename=playcss_display&preval=block


# 注意到的是這些屬性是有順序的:

在網站超連結效果使用上常常用到 a:link / a:visited / a:hover / a:active 這幾個css屬性

但是在使用上必須注意到的是這些屬性是有順序的

http://www.dotblogs.com.tw/joysdw12/archive/2011/01/07/20651.aspx

#Problem:

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

div.scroll
{
background-color:#00FFFF;
width:100px;
height:100px;
overflow:scroll;
}

div.hidden 
{
background-color:#00FF00;
width:100px;
height:100px;
overflow:hidden;
}