第十二週作業

第一步：將對話方塊內的文字改為橫向排列，width：寬度，margin: 0 10px：外距，上下0、左右10px，display: flex：彈性的方式顯示，flex-direction: row：橫向排列，wrap：跳行，justify-content: center：區塊置中對齊

第二步：調整對話方塊文字，margin：外距，font-size：字體大小，clac：計算，font-weight：字體線條粗細，text-align: center：文字置中對齊，display: flex：彈性的方式顯示，flex-direction: column：由上而下排列，align-items: center：橫向置中對齊

第三步：加入色塊，width：寬度，clac：計算，height：高度，padding: 0：內距，上下左右皆為0，border-radius: 100%：圓角，這裡會變成一個圓型，display: flex：彈性的方式顯示

第四步：新增一個按鈕，margin: 24px 0 20px：外距，上24px、左右0、下20px，padding: 10px 26px：內距，上下10px、左右26px，font-size：字體大小，clac：計算，font-weight：字體線條粗細，border：邊線，solid：實線，hover：滑鼠移置上方會有轉場效果，color：字體顏色，background-color：背景顏色