使用 $linkImg 变量向图标添加圆角蒙版

Question

我对此并不了解，所以如果我的问题措辞不正确，请原谅我。

需要将四个圆角应用于使用变量 $linkImg 通过自定义 WordPress 插件自动拉取的 119 x 119 App Store 图标 png。

    $strHtml = "
<div style='border: solid 1px #00b7f3; background-color: #f8f8f8; width: 656px; height: 186px; padding: 0px; float: left; margin-top: 4px;'>
 <div style='float: left; width: 175px; margin: 0px; text-align: center; padding-left: 10px; padding-top: 15px;'>
  <img src='$linkImg' width='119' height='119' style='margin: 0px; padding: 15px;'/>
 </div>
</div>
";

有什么想法吗？ （顺便说一句，第一篇文章）

编辑 2 - 这似乎没有任何作用，我是否遗漏了一些明显的东西？

    $strHtml = "
<div style='border: solid 1px #00b7f3; background-color: #f8f8f8; width: 656px; height: 186px; padding: 0px; float: left; margin-top: 4px; border-top-left-radius: 50px 50px;'>
 <div style='float: left; width: 175px; margin: 0px;  text-align: center; padding-left: 10px; padding-top: 15px;'>
  <img src='$linkImg' width='119' height='119' style='margin: 0px; padding: 15px;'/>
 </div>
</div>
";

Answer 1

这是css的问题，不是php的问题。

如果无法链接外部 css 文件，请使用内联 css。

尝试 http://www.css3.info/preview/rounded-border 进行 CSS3 圆角角落。

和 http://www.devwebpro.com/25-rounded-corners -techniques-with-css/ 用于其他技巧。

*******编辑 ****
我正在使用 operamini，所以我无法阅读你的代码。另外，由于奇怪的 js 问题，我无法发表评论。

css3 的问题是并非所有浏览器都支持它，并且每个浏览器当前都不使用该标准。您需要找到 -moz- 特定和 -webkit- 特定版本。除非浏览器使用支持它的引擎，否则不能保证它可以工作。