Excel中的樣式是讓人愛不釋手的，但是你知道嗎？在CSS中也有許多與Excel樣式相似的寫法。下面就讓我們來一一了解吧。

/* 以下是CSS類Excel的樣式 */
/* 邊框 */
/* Excel寫法：上下左右全邊框為實線 */
border: 1px solid black;
/* CSS寫法：四周實線邊框 */
border: 1px solid black;
/* CSS寫法：上下邊框為虛線，左右邊框為實線 */
border-top: 1px dashed black;
border-bottom: 1px dashed black;
border-left: 1px solid black;
border-right: 1px solid black;
/* 文字樣式 */
/* Excel寫法：加粗、居中 */
font-weight: bold;
text-align: center;
/* CSS寫法：只加粗、只居中 */
font-weight: bold;
text-align: center;
/* 單元格顏色 */
/* Excel寫法：整個單元格背景色為紅色 */
background-color: red;
/* CSS寫法：只有左邊框的單元格背景色為紅色 */
border-left: 4px solid red;
background-color: white;
/* CSS寫法：只有右邊框的單元格背景色為藍色 */
border-right: 4px solid blue;
background-color: white;

以上只是一些與Excel相似的CSS樣式，還有像下面這樣的CSS樣式

/* Excel寫法：不斷行，文字自動適應單元格寬度 */
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/* CSS寫法：同樣可以做到不斷行，文字自動適應單元格寬度 */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

所以，Excel中的樣式不僅僅只存在于Excel中，大家可以結合CSS的寫法來達到與Excel幾乎相同的效果。