我正在尝试在 HTML/CSS 中创建如下所示的按钮。创建稍微在按钮实际边缘内的白色边框的最佳方法是什么?我正在使用 ASP.net。
提前致谢!
使用嵌套插入框阴影,您可以创建:
带有一个纯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;
}
这里有很多固定值,但只是为了展示一个例子
<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>