播放按鈕常見形式為三角形，CSS繪製三角形主要用到了border-width屬性，他可以定義四個邊框各個的寬度。

播放樣式程式碼：

button{
    padding: 0;
    background-color: white;
    box-sizing: border-box;
}
.play{
    height: 74px;
    border-style: solid;
    border-width: 37px 0 37px 60px;
    border-color: transparent transparent transparent black;
}

效果：

暫停按鈕常見樣式為兩個豎線，實現這個效果用到了border-style的一個屬性值double，意為雙邊框

暫停按鈕樣式程式碼：

button{
    padding: 0;
    background-color: white;
    box-sizing: border-box;
}
.pause{
    width: 74px;
    height: 74px;
    border-style: double;
    border-width: 0px 0px 0px 60px;
    border-color: #202020;
}

效果：

滑鼠懸浮切換按鈕樣式：

button
 
{
    padding: 0;
    background-color: white;
    box-sizing: border-box;
}
.play{
    height: 74px;
    border-style: solid;
    border-width: 37px 0 37px 60px;
    border-color: transparent transparent transparent black;
    transition: all .5s ease;
}
.play:hover{
    border-style: double;
    border-width
 
: 0px 0px 0px 60px;
}

效果：