Question

CSS 阴影 内阴影 怎么只显示左上右呢 也就是一个div里 有内阴影 但是下边没有阴影

RT

看到没 箭头指的哪儿 希望的是下边没有阴影
希望自己试过，不要网上抄

Answer 1

这个其实不难，只不过你被自己的思路局限了，你可以在这个标签外面添加一个标签，然后限定高度然后overflow：hidden，在给他本身添加box-shadow属性，但是要注意这个高度一定要小于外面标签的高度，如果高度不够那你可以添加一个padding-bottom属性。这个肯定能实现。

追问

这种我试过 但是有个问题就是 看起来 左右两边的阴影突然断了 没有那种柔和自然的感觉

追答

代码毕竟不是直接用ps作图，不可能跟作图一样还能对细微之处修修，这个就跟边框一样，就不要下边框了，你还想让左右边框的下半部分是圆滑的，而不是生硬的截断，那可能吗？如果你非得想跟设计稿一模一样那就只能切图了。