时间戳

首页 > 解决方案 > 在标签中使用图片边框 CSS 吗？

php - 在标签中使用图片边框 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%;
  }

标签： phphtmlcsscss-selectors

解决方案

您的问题是由 3 个拼写错误和 1 个使用不当引起的。

第一个和第二个错字：

<img class="right_picture *border_clipart*" src="slika/prase.png">

您的类名*border_clipart*无效，因为在类名*的前面和末尾。您必须将其删除到以下行：

<img class="right_picture border_clipart" src="slika/prase.png">

第三个错字：

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

使用不当：

您为边框使用了透明颜色。在这种情况下，您将看不到颜色，而是将其用作您应该使用的边距。为了演示，我将其更改为红色：

.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>

如果您的问题得到解决，请删除您的问题，而不是投票或将其标记为 anwser。由拼写错误引起的问题对 SO 没有任何价值。

推荐阅读