1

我正在尝试在 HTML/CSS 中创建如下所示的按钮。创建稍微在按钮实际边缘内的白色边框的最佳方法是什么?我正在使用 ASP.net。

提前致谢!

按钮

4

2 回答 2

1

使用嵌套插入框阴影您可以创建:

在此处输入图像描述

带有一个纯html 标签:

<button> view your receipts </button>

和一些CSS:

button {
    width: 200px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    border-radius: 17px;
    background-color: #ffd28a;
    border: none;
    box-shadow:
            0 0 0  9px  #ffd28a inset,
            0 0 0 11px  #FFFFFF inset;
    color: red;
    box-sizing: content-box;
}
于 2012-05-11T08:58:52.967 回答
0

这里有很多固定值,但只是为了展示一个例子

<style type="text/css">
   .button { border: 3px solid orange; width: 300px; height: 50px; border-radius: 15px}
   .button a { background: orange; border: 1px solid #fff; line-height: 46px; border-radius:12px; color: red; text-align: center; margin:1px; display: block;}
</style>

<div class="button">
  <a href="#">Submit</a>
</div>
于 2012-05-11T09:01:35.413 回答