UC知道用图片填充的CSS样式边框
来源：百度知道 编辑：UC知道 时间：2024/05/25 02:20:33
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{/* 自适应宽度的块(通用块) */
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;
}
如果想直接用CSS的border属性来设置用图片填充的边框是不可能的；
不过可以试着用背景代替（这种情况适用于width和height都固定的情况下）
假如width或height是不固定的，可以用滑动门技术来做。
具体的滑动门技术可以参考http://www.w3cn.org/article/translate/2005/112.html
不知道你div结构，你应该把div贴出来，才能帮你改。
如果说设置图片边框填充的话，很简单。
举个例子:
.img {width:160px; height:120px; padding:5px; margin:0; border:1px solid #ccc;}
这个是设置填充了的。
╔------------------------------╗
┆ hanhan1019 原创回答 ┆
╚------------------------------╝
