菜单
×
   ❮   
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 提供支持