Html 什么可以使具有相同CSS属性的两个元素看起来不同？

在下面的HTML/CSS页面中，我试图使链接和按钮看起来相同。原因是所使用的元素应该遵循其含义“去某个地方”与“做某件事”，而外观和感觉取决于对用户来说是好是坏

*, ：之后， ：之前{ 框大小：继承 } .按钮{ 边际：0px； 宽度：100px； 内联尺寸：100px； 填充：20px； 颜色：黑色； 文字装饰：无； 字体系列：无衬线； 对齐项目：正常； 透视原点：60.8906px 44.5625px； 变换原点：60.8984px 44.5625px； 光标：指针； 显示：内联块； 最小高度：4em； 大纲：0； 边界：无； 垂直对齐：基线； 背景：e0e1e2无； 字号：700； 线高：1米； 文本对齐：居中； 字号：1rem } .集装箱{ 高度：100px； } A.

---

您可以对这两个元素使用a或button标记，然后使用javascript处理它们的行为。您可以对这两个元素使用a或button标记，然后使用javascript处理它们的行为

*, ：之后， ：之前{ 框大小：继承 } .按钮{ 边际：0px； 宽度：100px； 内联尺寸：100px； 填充：20px； 颜色：黑色； 文字装饰：无； 字体系列：无衬线； 对齐项目：正常； 透视原点：60.8906px 44.5625px； 变换原点：60.8984px 44.5625px； 光标：指针； 显示：内联块； 最小高度：4em； 大纲：0； 边界：无； 垂直对齐：基线； 背景：e0e1e2无； 字号：700； 线高：1米； 文本对齐：居中； 字号：1rem； 显示：内联flex； 对齐项目：居中； 证明内容：中心； } .集装箱{ 高度：100px； } A. 我对这两个标签都使用了flexbox

*, ：之后， ：之前{ 框大小：继承 } .按钮{ 边际：0px； 宽度：100px； 内联尺寸：100px； 填充：20px； 颜色：黑色； 文字装饰：无； 字体系列：无衬线； 对齐项目：正常； 透视原点：60.8906px 44.5625px； 变换原点：60.8984px 44.5625px； 光标：指针； 显示：内联块； 最小高度：4em； 大纲：0； 边界：无； 垂直对齐：基线； 背景：e0e1e2无； 字号：700； 线高：1米； 文本对齐：居中； 字号：1rem； 显示：内联flex； 对齐项目：居中； 证明内容：中心； } .集装箱{ 高度：100px； } A.

---

垂直对齐是这两个元素的基线。按钮是特殊元素，默认情况下其内容始终垂直对齐。即使所有属性都相同，如果链接中的文本不居中，两个元素也不会获得相同的视觉垂直对齐基准。按钮是特殊元素，默认情况下，它们的内容始终垂直对齐。即使所有属性都相同，如果链接中的文本不居中，也不会获得相同的视觉效果