CSS问题:如何从WordPress中的图像中删除边框

时间:2011-08-16 21:33:00

标签: css border

我想从WordPress中的图像中删除边框。

这是最新的默认主题(二十一岁?)

在另一个问题上,我看到一个页面的链接,表示要更改“border-width”值。所以我搜索了“border-width”并将px值更改为“0”,但这并没有成功。

我是初学者,所以如果可能的话,简单的步骤会有所帮助。例如。 “将更改为”或“在 中添加

我要删除边框的图片是本页底部的签名:http://richardclunan.com/

在靠近页面顶部的照片周围还有一个边框,我可以保留或摆脱该边框。如果我摆脱它,那么我可能会为图像本身添加边框,如果它更容易摆脱CSS中的所有边框。

谢谢,理查德

3 个答案:

答案 0 :(得分:4)

您可以更改

border: 1px solid #DDD;

border: 0;

@ style.css第935行

但这会影响该风格的所有图像。

如果您不希望可以为图像添加额外的类,例如no-border并添加:

#content .no-border { border: 0; }
样式表中的

答案 1 :(得分:1)

您可以通过在style.css(第935行)

中更改此规则来消除所有边框
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border: 1px solid #ddd;
    padding: 6px;
}

#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border: 0;
    padding: 6px;
}

或者你可以在图像上内嵌样式(参见mopsled的帖子)

答案 2 :(得分:0)

.gallery a img {border:0!important; }