Html 无附加标记的倒角高亮显示

你看到顶部的薄斜面高光了吗？如何在CSS中仅使用一个HTML标记来实现这一点？我猜这与

大纲

有关。这就是我到目前为止没有斜面的情况：

<a class="callToAction">Click here</a>

.callToAction {
 border: 1px solid #000;
 -moz-border-radius: 0.4em;
 background: -moz-linear-gradient(
  top,
  #ccc,
  #999
 );
}

点击这里
.呼叫行动{
边框：1px实心#000；
-moz边界半径：0.4em；
背景：-moz线性梯度(
顶部
#ccc，
#999
);
}

要创建倒角，必须使用CSS3半径和阴影属性的组合。要在鼠标悬停在按钮上时获得突出显示，必须使用伪选择器：hover

来自的按钮代码

如果你需要进一步的解释

CSS3边界说明：

---

CSS3阴影的解释：

刚刚发现，您可以通过检查以下项的源来将阴影指定为插入：

---

您想在什么时候突出显示它？悬停？忙碌的还是永久的？如果我使用双框阴影，那么IE将根本没有边框。

callToAction {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 -2px #791c13;
  -moz-box-shadow: 0 1px 1px #ddd, 0 -1px 1px #555;
  -webkit-box-shadow: 0 1px 1px #ddd, 0 -1px 1px #555;
  box-shadow: 0 1px 1px #ddd, 0 -1px 1px #555;
}

callToAction:hover {
  margin-bottom: 1px;
  height: 29px;
  position: relative;
  top: 1px;
  color: #eee !important;

  -moz-box-shadow: 0 1px 1px #eee, 0 -2px 1px #555;
  -webkit-box-shadow: 0 1px 1px #eee, 0 -2px 1px #555;
  box-shadow: 0 1px 1px #eee, 0 -2px 1px #555;
}

.inset {
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 
             0 0 2px rgba(255, 255, 255, 0.3) inset, 
             0 1px 2px rgba(0, 0, 0, 0.29)
}