我想将边框半径应用于 abox-shadow而不是 div 本身,因此最终结果将是左侧带有 90 度角 div 的圆形框阴影。
.div-to-style {
-webkit-box-shadow: -20px 0px 0px 0px blue;
-moz-box-shadow: -20px 0px 0px 0px blue;
box-shadow: -20px 0px 0px 0px blue;
border-radius: 8px 8px 8px 8px;
background-color: red;
width: 200px;
height: 50px;
margin-left:40px;
}Run Code Online (Sandbox Code Playgroud)
<div class="div-to-style">
</div>
<p>
Want the red section to have a straight border on the left
</p>Run Code Online (Sandbox Code Playgroud)
https://jsfiddle.net/alair016/vdcohttk/
此 CSS 的问题在于, 应用于border-radius以及box-shadow左侧的 div。