Question

我已经border-image查看了body { background-color: rgb(0, 0, 0); width: 100%; height: 100%; } #About { margin-left: 250px; margin-right: 250px; margin-top: 50px; margin-bottom: 50px; padding: 20px; border-style: solid; border-width: 30px; border-image: url(http://www.sandranathan.net/wp-content/uploads/2012/02/ROSE-BORDER-11668791_l-72.jpg) 600 500 600 round; } #About p, h1 { text-align: center; color: rgb(255, 255, 255); font-size: 28px; }，我觉得我理解每个属性值应该做什么，但是当玩这些数字时，我似乎无法修正它。

这是我正在处理的浏览版本的this documentation：

<div id="About">
  <img src='https://c2.staticflickr.com/8/7153/6852073179_00961ba267.jpg' class='close_button' alt=null style="width: 5%; height: 5%" />
  <p>some stuff that needs a border</p>
</div>

border-image:

当我将slice width，outset，border-image的值分别设置为600,500,600时，它似乎有点接近我想要的条件图像比例。为了使图像沿着左右两侧移动，我必须减少向内偏移，这会使比例变得混乱。有人可以向我解释一下我添加或忘记了什么，这使得它不能顺利运作......或者{{1}}总是这种荒谬的工作吗？

为什么边界图像难以理解？

0 个答案: