使用边框图像的CSS主体边框
我试图创建一个与本例非常相似的主体边框：它随窗口的大小而变化，但不受溢出的影响 但是，我找不到任何关于如何使用使用边框图像的CSS主体边框,css,border-image,Css,Border Image,我试图创建一个与本例非常相似的主体边框：它随窗口的大小而变化，但不受溢出的影响 但是，我找不到任何关于如何使用边框图像的信息。我已经设置了我的边框图像及其参数；我只是想不出如何在不被溢出破坏的情况下将其应用于正文，我尝试过的所有代码片段要么完全阻止了滚动，使得溢出在页面上方消失，要么无法阻止边框被溢出中断 如果在引导时，有一些方便的方法在边界边缘有一个溢出文本将消失的区域，那将是一件好事 编辑：添加样式代码。作为对其中一条评论的回应，我想特别使用一个图像——一个边框图像，而不仅仅是颜色。我只是
边框图像的信息。我已经设置了我的边框图像及其参数；我只是想不出如何在不被溢出破坏的情况下将其应用于正文，我尝试过的所有代码片段要么完全阻止了滚动，使得溢出在页面上方消失，要么无法阻止边框被溢出中断
如果在引导时，有一些方便的方法在边界边缘有一个溢出文本将消失的区域，那将是一件好事
编辑：添加样式代码。作为对其中一条评论的回应，我想特别使用一个图像——一个边框图像，而不仅仅是颜色。我只是想适应的边界图像风格，我已经有工作
p{
空白：；
颜色：白色；
单词break：打破一切；
字体重量：正常；文本阴影：.3vw.3vw#000000；字体大小：4vw；文本对齐：居中；边距：4vw；
}
身体{
边框：1px实心透明；
填充：0px；
边框图片：url（border.png）10%圆形；
边界图像切片：26；
边框图像宽度：3vw 3vw 3vw 3vw；
边框图像开始：0px 0px 0px 0px；
边界图像重复：拉伸；
显示器：flex；
弯曲方向：柱反向；
溢出：自动；
}
html{
身高：100%；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
背景#70bg32；
背景重复：无重复；
背景：-webkit线性梯度（#6363BD，#000052）；
背景：-moz线性梯度（#6363BD，#000052）；
背景：-ms线性梯度（#6363BD，#000052）；
背景：-o-线性梯度（#6363BD，#000052）；
背景：线性梯度（#6363BD，#000052）；
}
您可以使用单独的元素来实现效果，而不是直接设置主体的样式
：根目录{
--页面边框宽度：3vw；
}
* {
框大小：边框框；
}
身体{
背景#6363bd；
填充：var（--页面边框宽度）；
保证金：0；
}
.页面边框{
边框：1px实心透明；
边框图像：url(https://placehold.it/10)10%轮；
边界图像切片：26；
边框图像宽度：var（--页面边框宽度）；
边框图像开始：0px 0px 0px 0px；
边界图像重复：拉伸；
位置：固定；
排名：0；
左：0；
宽度：100vw；
高度：100vh；
指针事件：无；
}
.页面边框：在{
内容：''；
背景图像：线性梯度（透明，hsla（0,0%，0%，.5））；
高度：20vh；
位置：固定；
左：0；
底部：0；
宽度：100vw；
}
p:第一种{
边际上限：0；
}
Lorem ipsum door sit amet，一位杰出的领导者，他在劳动和生活中的时间是有限的。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。圣奥凯卡丘比特例外
<body>
<div class="flex">
<p>
blablabla
</p>
<p>
blablabla
</p>
<p>
blablabla
</p>
<p>
blablabla
</p>
</div>
body{
background-color:#fff;
height:100%;
width:100%;
overflow-x: hidden;
}
.flex{
width: auto;
height:auto;
border:50px solid blue;
display:block;
}
p{
width: auto;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 20px;
padding-left: 20px;
}