0

我正在尝试为每周产品交易创建一个非常基本的时事通讯电子邮件。我正在使用 Zurb INK。我面临的问题是，其中一个自定义类的边框属性没有被实现。CodePen 链接是http://codepen.io/anon/pen/bNQWzX。

在在线产品类中：824。我已经定义了属性

.product {
      border-color: #0087bb;
      border: 3px solid;
      border-radius: 10px;
    }

但是，在标记中使用时，只实现了 Border 属性。并且半径和颜色被忽略。

HTML 标记在线：932

<table class="six columns">
    <tr>
       <td class="center product">
         <img src="http://i.imgur.com/9xPFura.jpg" alt="Zedra Tap" width="250" height="250"/>
         <br/>
         Grohe Zedra Bath Tap - £20 OFF
         <br/>
         Was <strong>£99.99</strong> Now <strong class="nowprice">£79.99</strong>
         <br/>
                                                            <ul style="text-align:left">
                                                                <li>Contemporary Design</li>
                                                                <li>Availabe in Chrome Finish</li>
                                                                <li>Use for Kitchen</li>
                                                                <li><strong>Limited Stocks</strong></li>
                                                            </ul>
                                                            <a href="#" class="button">Buy Now</a>
                                                        </td>
                                                    </tr>
                                                </table>

请参考 Code Pen 上的完整标记。任何帮助都感激不尽。提前致谢

4

2 回答 2

1

I'm pretty sure this is because since the td is in a table, its borders will always be square. I think you can accomplish what you want by using a div inside the td with those styles, but be warned that border-radius is only supported in a handful of clients anyway.

side note: put display:block; on any of your images.

于 2015-03-16T20:13:46.450 回答
1

Adding to the Answer from @ZephyrusDigital which gave the main reason for the border-radius property not working. The border-color property was being overridden by some class in the Main CSS for INK. But adding the !important to that property made it work. Appreciate your time.

于 2015-03-17T10:14:37.143 回答