Question

用图片填充的CSS样式边框

CSS利用图片填充的边框,谁能帮我补充完整这个CSS样式！悬赏50分。

.tbox{/* 自适应宽度的块(通用块) */
width:100%;
border-bottom:5px solid #fafafa;
overflow:hidden;
}
.tbox dt{
height:56px;
background:url(../images/mbox-tbg.png) right top no-repeat;
overflow:hidden;
clear:both;
}
.tbox dt strong{
height:56px;
line-height:56px;
padding-left:10px;
padding-right:4px;
display:block;
float:left;
color:#000;
background:url(../images/mbox-tbg.png) left top no-repeat;
letter-spacing:1px;
}
.tbox dt strong a{
color:#000;
}
.tbox dt strong a:hover{
color:#AEADAD;
text-decoration:none;
}
.tbox dt span.more{
float:right;
position:relative;
line-height:56px;
padding-right:8px;
color:#85A484;
}
.tbox dt span.more a{
color:#000;
text-decoration:none;
}
.tbox dt span.more a:hover{
color:#AEADAD;
}
.tbox dt span.label{
height:24px;
float:right;
overflow:hidden;
padding-right:1px;
padding-top:2px;
}
.tbox dt span.label a{
height:25px;
display:block;
padding:0px 7px 0px 8px;
line-height:23px;
border-left:1px solid #C5DDBC;
float:left;
color:#666;
text-decoration:none;
overflow:hidden;
letter-spacing:1px;
}
.tbox dt span.label a:hover{
color:#360;
}
.tbox dt span.label a.thisclass{
background:#FFF;
color:#333;
border-top:3px solid #F1F7EE;
}
.tbox dd{
background:url(../images/mtox-center.gif);
padding:4px 4px 0px;
overflow:hidden;
}

Answer 1

不知道你div结构，你应该把div贴出来，才能帮你改。

如果说设置图片边框填充的话，很简单。

举个例子:

.img {width:160px; height:120px; padding:5px; margin:0; border:1px solid #ccc;}

这个是设置填充了的。

╔------------------------------╗

┆  hanhan1019 原创回答 ┆

╚------------------------------╝

Answer 2

如果想直接用CSS的border属性来设置用图片填充的边框是不可能的；
不过可以试着用背景代替（这种情况适用于width和height都固定的情况下）
假如width或height是不固定的，可以用滑动门技术来做。
具体的滑动门技术可以参考http://www.w3cn.org/article/translate/2005/112.html

Answer 3

你这个代码有点乱，如果想填充图片的边框，直接设置边框就行了，

Answer 4

你要贴你的HTML代码上来我看看是个怎么回事。。。