html图片离边框有距离,CSS边框:距离对象边缘?
我從來沒有遇到任何類似于這樣的財產,所以我不得不說,簡而言之,“不”.
但后來我覺得不好,所以我真的可以建議的是將你想要縫合的div包裹在另一個div中,并用相同的背景顏色來設計父母,以模擬你之后的樣子.這里有一些css可能采取:
.wrap {
border-width: 0;
background-color: #ffa;
width: 50%;
padding: 0.5em;
}
.wrap #panel {
background-color: inherit;
height: 6em;
border: 5px dashed #f90;
text-align: center;
}
和一些html:
This panel should look kinda sewn-on.
好的,剛剛重新發現了這個答案(感謝上傳者!),現在我可以使用Box-shadow來提供一個實際的只有CSS的無外部元素的解決方案:
#panel {
background-color: #ffa;
height: 6em;
border: 5px dashed #f90;
text-align: center;
width: 50%;
margin: 30px auto 0 auto;
Box-shadow: 0 0 0 15px #ffa;
}?
第四個參數是鍵,它定義了陰影的“呃”,“擴散”(第三個參數定義了在這種情況下為0的“模糊”/“擴散”),使用與元素本身相同的背景顏色給出了邊框在元素內的幻覺,而實際上它是從元素延伸出來的元素的陰影.
總結
以上是生活随笔為你收集整理的html图片离边框有距离,CSS边框:距离对象边缘?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 宁德时代回应与福特在美建电池工厂:属实
- 下一篇: Ajax/CSS表格设计汇集