如何利用网页上的CSS按钮？

大家好，我在网上发现了一个CSS按钮，现在我试着在我的网站上实现它，但我不明白如何在我的身体里调用这个按钮，下面是代码

<代码><；！文档类型HTML>；<；HTML（>；）<；头部>；<；元字符集="；UTF-8"；>；<；标题>；IMG_测试<；/title>；<；样式类型="；文本/CSS"；>；<；a href="；#"；类="；我的按钮"；>；橙色<；/A>；.我的按钮{方框阴影：插入0px 1px 0px 0px#FFF6AF；背景：线性梯度（到底部，#FFEC64 5%，#FFAB23 100%）；背景色：#ffec64；边框半径：6px；边框：1px实线#ffaa22；显示：inline-block；游标：指针；颜色：#333333；字体系列：Arial；字体大小：15px；字体粗细：粗体；填充：6px 24px；文本修饰：无；文本阴影：0px 1px 0px#ffee66；}.MyButton：悬停{背景：线性梯度（到底部，#FFAB23 5%，#FFEC64 100%）；背景色：#ffab23；}.MyButton：活动{位置：相对；顶部：1px；}<；/样式>；<；/标题>；<；身体>；  ??????<；/正文>；<；/HTML>；

顺晟科技：

你需要把你的锚标签放在身体里，而不是头部。脑袋里的东西不会显示在屏幕上。通过MDN很好地了解基础知识。

<代码><；！文档类型HTML>；<；HTML（>；）<；头部>；<；元字符集=“ UTF-8 ”>；<；标题>；IMG_测试<；/title>；<；style type=“ text/CSS ”>；.我的按钮{方框阴影：插入0px 1px 0px 0px#FFF6AF；背景：线性梯度（到底部，#FFEC64 5%，#FFAB23 100%）；背景色：#ffec64；边框半径：6px；边框：1px实线#ffaa22；显示：inline-block；游标：指针；颜色：#333333；字体系列：Arial；字体大小：15px；字体粗细：粗体；填充：6px 24px；文本修饰：无；文本阴影：0px 1px 0px#ffee66；}.MyButton：悬停{背景：线性梯度（到底部，#FFAB23 5%，#FFEC64 100%）；背景色：#ffab23；}.MyButton：活动{位置：相对；顶部：1px；}<；/样式>；<；/标题>；<；身体>；  <；A href=“#” Class=“ MyButton ”>；橙色<；/A>；<；/正文>；<；/HTML>；