小编Aus*_*tin的帖子

将 border-radius 应用于 box-shadow 但不应用于 div 本身

我想将边框半径应用于 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。

html css border

2
推荐指数
1
解决办法
3307
查看次数

标签 统计

border ×1

css ×1

html ×1