Html CSS边框样式

Html CSS边框样式,html,css,Html,Css,如何制作像添加图像一样的边框样式? 看左下边框,边框有一些间隙。 我怎样才能通过CSS实现呢 将您的边框放在主容器上,然后用白色背景绝对定位“Anna Jessica”容器以覆盖边框。以下是基于您的图像的一般示例: h2, p{ 边际:0px; } #试验{ 边框:实心1px红色; 填充:15px 15px 75px 15px; 位置:相对位置; } #冲出{ 显示器:flex; 位置:绝对位置; 底部:-38px; 左:70像素; } #跳出img{ 填充:0px 25px; 背景:#FFF

如何制作像添加图像一样的边框样式? 看左下边框,边框有一些间隙。 我怎样才能通过CSS实现呢


将您的边框放在主容器上,然后用白色背景绝对定位“Anna Jessica”容器以覆盖边框。以下是基于您的图像的一般示例:

h2,
p{
边际:0px;
}
#试验{
边框:实心1px红色;
填充:15px 15px 75px 15px;
位置:相对位置;
}
#冲出{
显示器:flex;
位置:绝对位置;
底部:-38px;
左:70像素;
}
#跳出img{
填充:0px 25px;
背景:#FFF;
位置:相对位置;
}
#撞出img:之前{
内容:“;
显示:块;
框大小:边框框;
位置:绝对位置;
顶部:-10px;
左:12px;
宽度:75px;
高度:75px;
边框:实心1px红色;
}
#跳出img-img{
显示:块;
位置:相对位置;
}
#跳出标题p{
背景:#FFF;
填充:0px 20px 0px 0px;
显示:内联块;
}

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。
莫里斯·普莱斯特拉特·埃利芬德·利奥

某个名字 某个位置


css
border:1px虚线#000可以通过使元素具有白色背景来实现。但是,没有办法将边界“打破”成碎片。还有,你试过什么?你有没有试着自己解决这个问题?没有人关心你的需求是否紧迫。这对我们来说并不重要。尽量礼貌一点,兄弟@toraPlease-read——总结是,这不是一种向志愿者致辞的理想方式,可能会对获得答案产生反作用。请不要把这些添加到你的问题中。你真的全力以赴,使整个事情。。。做得好,虽然我觉得OP可以先添加一些自己的代码。哇,我想自己写“哇”,但是@somethinghere是第一个!我完全同意。事实上,我发表了一条评论,问他首先尝试了什么,但问题不断被提出。我想还有其他人感兴趣。非常感谢@BSK