我正在制作一個前端 UI，有一部分我被困了很長一段時間了。我想在影像周圍添加一個效果，如下所示。
我一直在研究這個，但找不到合適的解決方案。我認為我們可以通過以下方式做到這一點：
- 添加某種特定于邊框的負邊距
- 不知何故具有陰影/框陰影屬性
真的很想知道，這是如何作業的。
uj5u.com熱心網友回復：
這是一個給你的。
不要忘記添加
img {
max-width: 100%;
display: block;
}
讓影像表現得像 div
https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
body {
min-height: 100vh;
display: grid;
place-items: center;
}
.container{
height:300px;
width:300px;
border: 2px solid black;
box-shadow: 5px 5px red,
5px 5px 0px 1.5px black;
}<div class="container"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/453122.html
上一篇：獲取表格標題和正文以匹配列寬
下一篇：單擊時出現彈出模式