努力使用此内联删除边框或列表样式类型 css

Question

<ul style="position:absolute; top:60px; left:50px; margin:0; padding:0; list-style-type: none; width:30%; height:600px; background: #ECECEC; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);" target="_blank" rel="nofollow"></ul>
<ul style="position:absolute; top:60px; left:50px; margin:0; padding:0; list-style-type: none; width:30%; height:400px; background: transparent; list-style-type: none;" target="_blank" rel="nofollow">
  <img style="position: absolute; top: 0; left: 0; background: url(https://images.pexels.com/photos/247204/pexels-photo-247204.jpeg?w=1260&h=750&auto=compress&cs=tinysrgb) no-repeat center; background-size: auto; height: 100%; width: 100%;" target="_blank" rel="nofollow">
</ul>

http://jsbin.com/bafeyej/edit?html,output

您好，我尝试了几种不同的样式技术，border: 0;等等，我似乎无法摆脱图像周围的这个小轮廓，我从它的父元素中知道它但是我似乎无法破解它，我什至敢将轮廓设置为 none。我是个麻烦制造者，有什么想法吗？

仅供参考，我正在为一个在线平台创建一个配置文件模板，它只允许在配置文件制作部分有限地使用 html 代码，所以请不要讲课为什么我不应该使用内联 CSS 或者为什么我使用 ul 元素作为容器哈哈，它就是这样。

感谢您的宝贵时间。

Answer 1

看来您的问题是因为您的 img 标签没有 src 属性。

我在类似的问题上找到了这个 post，您可能会在其中找到解决方案。

How can I remove the border around an image without a source?

努力使用此内联删除边框或列表样式类型 css

struggling to remove border or list style type with this inline css

html

css

inline

list

border