菱形按鈕在網(wǎng)頁(yè)設(shè)計(jì)中，是一種非常常見的按鈕樣式，通過CSS3可以很容易地實(shí)現(xiàn)。下面將介紹如何使用CSS3制作菱形按鈕。

button{
width:100px;
height:100px;
border:none;
outline:none;
background-color:#f8f8f8;
transform:rotate(45deg);
}

以上代碼是制作一個(gè)簡(jiǎn)單的菱形按鈕的基本樣式，其中，width和height控制按鈕大小，border和outline用來清空按鈕的邊框和外邊框，background-color控制按鈕背景顏色，而transform:rotate(45deg);則將按鈕旋轉(zhuǎn)45度，使之成為菱形。

button:hover{
background-color:#69c;
}

以上代碼則是設(shè)置按鈕鼠標(biāo)懸浮時(shí)的樣式，將背景顏色改為深藍(lán)色。

button:active{
background-color:#4d90fe;
}

最后，以上代碼是設(shè)置按鈕按下時(shí)的樣式，將背景顏色改為更深的藍(lán)色。