不知道出了什么问题,撞了半个小时头……根本不显示边框。即使当我插入任何图像,任何地方,它都不起作用。
HTML文件
<table><tr><td class="transparent text_right"><img class="right_picture *border_clipart*" src="slika/prase.png"></td><td class="text_right transparent table_right_text justify"> Simple text </td></tr></table>
CSS文件
border_clipart{
border: 10px solid transparent;
border-image: url(slika/border_right.png) round;
border-image-slice: 50%;
}
您的问题是由三个错别字和一个错误使用引起的。
第一名(&S第2个错字:
您的类名*border_clipart*
无效,因为类名的前端和末尾都有*
。您必须将其删除到以下行:
第三个错字:
border_clipart{border:10px solid transparent;border-image:url(Slika/border_right.png)round;border-image-slice:50%;}
类名必须以点开头,ID名必须以散列开头。在这种情况下,你忘了点。只需将圆点放在类名的前面:
.border_clipart{border:10px solid transparent;border-image:url(SLIKA/border_right.png)round;border-image-slice:50%;}
使用不当:
你用的是透明的颜色。在这种情况下,你不会看到颜色,它将更多的工作作为边距,你应该使用那时。为了演示,我把它传给了瑞德:
null
.border_clipart{
border: 10px solid red;
border-image: url(slika/border_right.png) round;
border-image-slice: 50%;
}
<table>
<tr>
<td class="transparent text_right">
<img class="right_picture border_clipart" src="slika/prase.png">
</td>
<td class="text_right transparent table_right_text justify">
Simple text
</td>
</tr>
</table>