美化的<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--

    全站熱搜

    zgod 發表在 痞客邦 留言(0) 人氣()