美化的<a> [去底線][去外框][去圖框]
a: "text-decoration: none; outline: none; border:none; display:block;"
img: border="0" 或 "border: 0;"
div 置中[水平][垂直]
<div style="text-align:center"> /*外層div*/
<div style="margin:auto">
/*內層div*/
</div>
</div>
最大最小/寬高[css] min-height
height: auto!important;
height: 300px;
min-height: 300px;
ie678、ff23、o、g全吃ok
圓角邊 (數字越大越圓)
.border {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
border-radius:10px;/* IE 9 */
}
參考來源--http://blog.mukispace.com/css-border-radius/ --
漸層
/* Firefox 3.6 */
background-image: -moz-linear-gradient(top, #FFFFFF, #000000);
/* Safari & Chrome */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #000000));
/* IE6 & IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#000000');
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#000000')";
參考來源--http://it.nekounya.com/css-compatible-for-gradient-color.html--
╮( ￣▽￣ )╭ (1)
