【问题标题】:how to put border image inside of div [duplicate]如何将边框图像放在div内[重复]
【发布时间】:2015-05-01 07:45:52
【问题描述】:

使用border-image CSS 属性时,边框位于div 之外。有什么办法可以把边框图片放到div里面?

border-width: 50px;
border-image: url(Border.png) 50 repeat;

【问题讨论】:

  • 不,它不适用于边框图像

标签: html css border border-image


【解决方案1】:

Codepen link

你是这个意思吗?

HTML

<div>
 <span>

 </span>
</div>

CSS

div {
  border: 1px solid black;
  width: 200px;
  height: 200px;
}

span {
  box-sizing: border-box;
  display: block;
  width: 200px;
  height: 200px;
  border-width: 50px;
  border-image: url(https://www.castlejackpot.com/wp-content/uploads/dynamik-gen/theme/images/home-horizontal-border.png) 50 repeat;
}

【讨论】:

    猜你喜欢
    • 2021-09-04
    • 1970-01-01
    • 2021-10-08
    • 2021-06-28
    • 1970-01-01
    • 1970-01-01
    • 2013-09-06
    • 2015-06-22
    • 2021-11-18
    相关资源
    最近更新 更多