CSS是前端開發必備技能之一，它可以對網頁進行美化和布局。在CSS中，我們可以通過成圖編碼表來快速了解每個字符所對應的十六進制編碼以及對應的CSS樣式。

/* CSS成圖編碼表 */
.decimal {
font-family: Arial, sans-serif;
font-size: 16px;
padding: 5px;
border: 1px solid #ccc;
}
/* 十進制編碼 */
.decimal span {
display: inline-block;
margin-right: 5px;
color: #333;
}
/* 十六進制編碼 */
.hex {
font-family: Arial, sans-serif;
font-size: 16px;
padding: 5px;
border: 1px solid #ccc;
}
.hex span {
display: inline-block;
margin-right: 5px;
color: #333;
}
/* 對應字符 */
.char {
font-family: Arial, sans-serif;
font-size: 16px;
padding: 5px;
border: 1px solid #ccc;
}
.char span {
display: inline-block;
margin-right: 5px;
color: #333;
}

成圖編碼表分為三個部分：十進制編碼、十六進制編碼和對應字符。其中，十進制編碼是指每個字符所對應的十進制數，而十六進制編碼則是指每個字符所對應的十六進制數。

通過CSS成圖編碼表，開發者可以更加快速地選擇、使用、修改字符的十六進制編碼或十進制編碼，同時也可以讓編碼出現錯誤的可能性大大降低。