Menu
×
   ❮   
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 主页 Excel 简介 Excel 入门 Excel 概述 Excel 语法 Excel 区域 Excel 填充 Excel 移动单元格 Excel 添加单元格 Excel 删除单元格 Excel 撤销重做 Excel 公式 Excel 相对引用 Excel 绝对引用 Excel 算术运算符 Excel 括号 Excel 函数

Excel 格式化

Excel 格式化 Excel 格式刷 Excel 格式颜色 Excel 格式字体 Excel 格式边框 Excel 格式数字 Excel 格式网格 Excel 格式设置

Excel 数据分析

Excel 排序 Excel 筛选 Excel 表格 Excel 条件格式 Excel 突出显示单元格规则 Excel 前 N 名/后 N 名 规则 Excel 数据条 Excel 色阶 Excel 图标集 Excel 管理规则 (CF) Excel 图表

数据透视表

数据透视表简介

Excel 案例

案例:神奇宝贝商店 案例:神奇宝贝商店,样式

Excel 函数

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 如何做

将时间转换为秒 两个时间之间的差异 NPV(净现值) 删除重复项

Excel 示例

Excel 练习 Excel 证书

Excel 参考

Excel 键盘快捷键


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. 按回车键

标题的字体有点小,对吧?

将标题字体更改为大小 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. 按回车键
  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. 完成最后一次计算 - 已完成

之前和之后

样式之前

样式之后

做得好!


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.