答案 0 :(得分:3)
类似的东西:
button {
border: 1px solid black;
border-radius: 9999em 0 0 9999em;
position: relative;
margin-left: -1em;
padding-right: 1em;
}
button:first-child {
margin-left: 0;
}
<button>button 1</button>
<button>button 2</button>
<button>button 3</button>
<button>button 4</button>
<button>button 5</button>
答案 1 :(得分:0)
您可以使用此CSS
:
.buttonCool{
border-radius: 10px 0px 0px 10px;
border: 2px solid;
}
.shadow{
margin-left: -12px;
}
使用此HTML
:
<button class="buttonCool" type="button">Click Me!</button>
<button class="buttonCool shadow" type="button">Click Me!</button>
<button class="buttonCool shadow" type="button">Click Me!</button>
<button class="buttonCool shadow" type="button">Click Me!</button>