選單
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Excel 教程

Excel HOME Excel Introduction Excel Get Started Excel Overview Excel Syntax Excel Ranges Excel Fill Excel Move Cells Excel Add Cells Excel Delete Cells Excel Undo Redo Excel Formulas Excel Relative Reference Excel Absolute Reference Excel Arithmetic Operators Excel Parentheses Excel Functions

Excel Formatting

Excel Formatting Excel Format Painter Excel Format Colors Excel Format Fonts Excel Format Borders Excel Format Numbers Excel Format Grids Excel Format Settings

Excel Data Analysis

Excel Sort Excel Filter Excel Tables Excel Conditional Format Excel Highlight Cell Rules Excel Top Bottom Rules Excel Data Bars Excel Color Scales Excel Icon Sets Excel Manage Rules (CF) Excel Charts

Table Pivot

Table Pivot Intro

Excel Case

Case: Poke Mart Case: Poke Mart, Styling

Excel Functions

AND AVERAGE AVERAGEIF AVERAGEIFS CONCAT COUNT COUNTA COUNTBLANK COUNTIF COUNTIFS IF IFS LEFT LOWER MAX MEDIAN MIN MODE NPV OR RAND RIGHT STDEV.P STDEV.S SUM SUMIF SUMIFS TRIM VLOOKUP XOR

Excel How To

Convert Time to Seconds Difference Between Times NPV (Net Present Value) Remove Duplicates

Excel Examples

Excel Exercises Excel Certificate

Excel References

Excel Keyboard Shortcuts


Excel 案例:精靈寶可夢商店,樣式


案例:精靈寶可夢商店,樣式

本案例旨在幫助精靈寶可夢商店的商家樣式化商店購物車概覽。您將練習在格式化和樣式化章節中學到的技能。

您完成了關於購物車的第一篇案例嗎?我們將重用那些資料。 點選此處檢視

您不需要計算來完成本案例。輸入以下資料

複製值

商家:哦,夥計!很高興你能來幫忙。這個沒有色彩的購物車一直在影響我們的銷售。讓我們給它提提神!

要完成此案例,您需要

  • 隱藏網格
  • 新增顏色
  • 更改字型
  • 格式化數字
  • 完成最後的計算

準備好了嗎?

首先,移除網格

  1. 點選檢視
  2. 取消勾選網格線

就像這樣

透過建立新行 1 為標題騰出空間。

  1. 右鍵單擊行 1
  2. 插入新行

這是一個好的開始!您建立了一個新行 1

為標題騰出空間,將行高增加到 40 畫素。

注意:當您開始拖動邊框時,您會看到顯示畫素的邊框大小框。

  1. 拖動第 1 行的邊框至 40 畫素

合併 A1:D1 以建立一個大的單元格作為標題。

  1. 選擇 A1:D1
  2. 點選功能區中的合併按鈕

幹得漂亮!現在有一個大的合併單元格可用於標題。

在合併範圍 A1:D1 中輸入“精靈寶可夢商店”

  1. 選擇 A1:D1(點選合併的範圍)
  2. 輸入精靈寶可夢商店
  3. 按 Enter 鍵

標題字型有點小,對吧?

將標題字型更改為大小 20 並使其加粗

  1. 選擇 A1:D1(合併的範圍)
  2. 更改為字型大小 20
  3. 點選加粗命令或使用鍵盤快捷鍵CTRL + BCommand + B

就是這樣!標題現在看起來好多了。

對於所有單元格,將字型更改為 Arial,並將 A2:F14 的文字對齊方式設定為居中。

  1. 透過點選表格左上角的角度圖示來選擇所有單元格
  2. 將所有字型更改為Arial
  3. 標記 A2:F14
  4. 點選功能區中的對齊按鈕
  5. 點選居中對齊命令

幹得好!您已將所有文字的字型更改為Arial,並將 A2:F14 對齊到了居中

是時候加入一些顏色了。

  1. 選擇範圍 A1:D1(合併的單元格)
  2. 應用標準紅色
  3. 選擇 A2:D2
  4. 應用HEX程式碼 2a75bb
  5. 選擇 D3:D9
  6. 應用RGB程式碼 255 203 5
  7. 選擇F12
  8. 應用HEX程式碼 ffcb05

最後使用的兩個顏色相同。相同的顏色,HEX 和 RGB 不同。

注意:為輸入欄位著色可能有助於使用電子表格的人。在此案例中,我們用黃色標記了輸入欄位:ffcb05

接下來,更改文字顏色

  1. 選擇 A1:D4
  2. 將文字顏色更改為白色
  3. 選擇 A2:A4
  4. 將文字顏色更改為白色

太棒了!你做到了。

將價格的數字格式更改為貨幣,並刪除小數。

  1. 選擇 B3:C14
  2. 將數字格式更改為貨幣
  3. 單擊減少小數兩次(2

最後的潤色!

新增邊框使數字更易讀。

  1. B11:下劃線
  2. B14:雙底邊框
  3. E12:F12:粗外部邊框
  1. 選擇 B11
  2. 新增下劃線邊框
  3. 選擇 B14
  4. 新增雙底邊框
  5. 選擇 E12:F12
  6. 新增粗外部邊框

快完成了!

進行總計的最終計算,並新增最終的粗體字型。

  1. 選擇 B14
  2. 輸入 =
  3. 選擇 B11
  4. 輸入 -
  5. 選擇 B12
  6. 按 Enter 鍵
  7. 選擇 A14:B14
  8. 將該範圍設為粗體
  9. 選擇 A2:D2
  10. 將該範圍設為粗體

新增測試值

  1. 輸入 D3(5)
  2. 輸入 D4(2)
  3. 輸入 D6(5)
  4. 輸入 D9(10)

恭喜!您已成功完成了精靈寶可夢商店商家的所有任務。

  1. 隱藏網格 - 完成
  2. 新增顏色 - 完成
  3. 更改字型 - 完成
  4. 格式化數字 - 完成
  5. 完成最後的計算 - 完成

樣式前與樣式後

樣式前

樣式後

幹得好!


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援