--努力弄清楚为什么按钮没有显示在我的网站上----我正在尝试获得一个动画按钮，以便在鼠标悬停在它上面时更改动画--我会担心在不同的时间将该按钮链接到其他内容，但我的意思是，例如，如果我想将其链接到Twitter或其他内容，我将如何做到这一点？

<代码>按钮{最小宽度：120px；高度：36px；字体大小：16px；游标：指针；字母间距：.1px；大纲：无；边框：无；边框半径：2px；框-阴影：000 2px#f7f7f7；背景色：透明；颜色：#000；过渡：所有200ms Ease-In-Out；}按钮：悬停{变换：比例（1.1）；背景色：#F7F7F7；颜色：#A22274；字体粗细：粗体；框-阴影：000 2px#a22274；字母间距：1.1px；border-top-left半径：16px；边框-右下角半径：16px；}按钮：活动{变换：缩放（1）；}

<代码><；按钮>；示例<；/按钮>；

顺晟科技：

CSS选择器不能有空格，所以

button {
  min-width: 120px;
  height: 36px;
  font-size: 16px;
  cursor: pointer;
  letter-spacing: .1px;
  outline: none;
  border:none;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #f7f7f7;
  background-color: transparent;
  color: #000;
  transition: all 200ms ease-in-out;
}

button :hover {
  transform: scale(1.1);
  background-color: #f7f7f7;
  color: #a22274;
  font-weight: bold;
  box-shadow: 0 0 0 2px #a22274;
  letter-spacing: 1.1px;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

button :active {
  transform: scale(1);
}

<代码>按钮{最小宽度：120px；高度：36px；字体大小：16px；游标：指针；字母间距：.1px；大纲：无；边框：无；边框半径：2px；框-阴影：000 2px#f7f7f7；背景色：透明；颜色：#000；过渡：所有200ms Ease-In-Out；边距：0 5px；}按钮：悬停{变换：比例（1.1）；背景色：#F7F7F7；颜色：#A22274；字体粗细：粗体；框-阴影：000 2px#a22274；字母间距：1.1px；border-top-left半径：16px；边框-右下角半径：16px；}按钮：活动{变换：缩放（1）；}

<代码><；p align=“ center ”>；<；按钮>；<；a href=“ Twitter.com/theonlydecipher ” Twitter页面<；/a>；<；/button>；<；按钮>；<；a href=“ contact.HTML ”>；联系信息<；/a>；<；/button>；<；按钮>；<；A href=“ points.HTML ”>；兴趣点<；/A>；<；/Button>；<；按钮>；<；a href=“ learning.HTML ”>；学习笔记<；/a>；<；/button>；<；按钮>；<；A href=“ beebs.HTML ”>；妻子注意事项<；/A>；<；/Button>；<；br/>；<；br/>；<；/p>；