推薦：網(wǎng)頁設(shè)計中的版式原理--力場
美的形式原理存在于藝術(shù)各個門類，網(wǎng)站制作也不例外。好的網(wǎng)站制作必須遵守這些設(shè)計原理，將美融匯于網(wǎng)站制作中。網(wǎng)站制作中的頁面原理的講解雖然分十二節(jié)進行

CSS

在極大程度上，控制那些按鈕的CSS是相當(dāng)直截的。瀏覽器間絲發(fā)般的差別導(dǎo)致了一定數(shù)量的填充差距，不過天下沒有不可能的事兒，對你來說幸運的是，它已經(jīng)解決了。

/* BUTTONS */
.buttons a, .buttons button{
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}

當(dāng)這些運行的時候有一件事情會發(fā)生，那就是在InternetExplorer中在顯示長按鈕時有個顯示錯誤。你可以在Jehiah.cz中讀到相關(guān)信息，但是它正是一些寬度和上面聲明的溢出的原因。

加點兒顏色

在Wufoo中，我們?yōu)橹行詣幼鞯陌袶over顏色定為藍色，把綠色和紅色用作正面和負面的連接。下面是我們創(chuàng)建的處理意味著正面的例如添加和保存的按鈕和負面的如取消和刪除的按鈕。這對我們來說是種很好的感覺，同時明顯的你也可以挑選你喜歡的顏色。

/* STANDARD */
button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* POSITIVE */
button.positive, .buttons a.positive{
color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
.buttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

PS:原文中還有個總結(jié)，沒什么意義，就不翻譯了。

分享：網(wǎng)頁設(shè)計中的版式原理--比例
美的形式原理存在于藝術(shù)各個門類，網(wǎng)站制作也不例外。好的網(wǎng)站制作必須遵守這些設(shè)計原理，將美融匯于網(wǎng)站制作中。網(wǎng)站制作中的頁面原理的講解雖然分十二節(jié)進行