Question

这很简单，但我无法理解问题所在。

在ASP.Net网页中，我想创建一个具有特定边框的div。

CSS：

.ResourcesDiv
{
border-image:url(http://blogrope.com/wp-content/uploads/2013/06/003-wood-melamine-subttle-pattern-background-pat.jpg) 30 30 stretch;
border: 15px solid transperant;
width: 300px;
padding: 10px 20px;
margin: 50px;
}

HTML / ASP：

<div id="Resources" class="ResourcesDiv">
In the future, this will display the amount of herbs the user has.<br />
In the future, this will display the amount of gems the user has.<br />
</div>

编辑：如果我删除边框的transperant部分，而不是图像，则会显示黑色边框，尽管我很确定网址设置正确。

Answer 1

请参阅fiddle

我已按照以下方式更改了CSS

<强> CSS

.ResourcesDiv {
    border-image:url("http://blogrope.com/wp-content/uploads/2013/06/003-wood-melamine-subttle-pattern-background-pat.jpg") 30 30 stretch;
    border: 15px solid url("http://blogrope.com/wp-content/uploads/2013/06/003-wood-melamine-subttle-pattern-background-pat.jpg") 30 30 stretch;
    width: 300px;
    padding: 10px 20px;
    margin: 50px;
}

试试..

<强>更新

检查fiddle - 在chrome和firefox中测试

Answer 2

好吧，首先你在行中有拼写错误

border: 15px solid transperant;

在透明这个词中。

其次我觉得你想要的就是这个小提琴:(特定的边框，从你提到的网址中获取）

样本

http://jsfiddle.net/kq950cvv/

CSS border-image基本的东西

2 个答案:

请参阅fiddle

样本