提问者:小点点

是否在标记<td>中使用图片边框CSS?


不知道出了什么问题,撞了半个小时头……根本不显示边框。即使当我插入任何图像,任何地方,它都不起作用。

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%;
  }

共1个答案

匿名用户

您的问题是由三个错别字和一个错误使用引起的。

第一名(&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>