Question

enter image description here

这是一张桌子（标签）第一列包含用户名第二列包含此特定主题的内容

我已经为表格做了一个css，并且将padding设置为0。但是，我注意到padding: 0px 0px;无效

浏览器：Chrome

主题的CSS

.TOPIC_STYLE {
    border-collapse: collapse;
    border:0px solid black;
    padding:0px 0px;

    font-family: '华康少女文字 - Kelvin';
    font-size: 18px;
    color: #819FF7;
}

以下是表格的代码：<table class=TOPIC_STYLE align=left>

2016-08-13 - 完整的代码集与我的旧笔记本电脑一起丢失。

目标：消除红色圆圈中的空白区域。

我用于表的其他CSS：

                        .TOP_LEFT {
                                background-image: url(top_Left.png);
                                background-repeat: no-repeat;
                        }
                        .TOP_RIGHT {
                                background-image: url(top_Right.png);
                                background-repeat: no-repeat;
                        }
                        .VERTICAL_LEFT {
                                width:  150px;
                                height: 30px;

                                text-align: center;

                                background-image: url(vertical_Left.png);
                                background-repeat: repeat-y;
                        }
                        .VERTICAL_RIGHT {
                                width:  700px;
                                height: 30px;

                                background-image: url(vertical_Right.png);
                                background-repeat: repeat-y;
                        }
                        .BOTTOM_LEFT {
                                width:  150px;
                                height: 40px;

                                background-image: url(bottom_Left.png);
                                background-repeat: no-repeat;
                        }
                        .BOTTOM_RIGHT {
                                width:  700px;
                                height: 40px;

                                text-align: center;

                                background-image: url(bottom_Right.png);
                                background-repeat: no-repeat;
                        }

解决方案：

图片确实用于创建边框，这是不必要的，因为CSS已经为此提供了边框属性。因此，所有相关图片都可以搁置并使用border属性。同样，也可以使用border-left，right，top，bottom。

table {
    border: 2px solid red;
}

Answer 1

不确定为什么您的班级名称前面有一个美元符号。试试这个：

<table class="TOPIC_STYLE">

Answer 2

您的背景图像不够宽，无法重复覆盖所有空间。对于.TOP_LEFT，请将background-repeat:更改为repeat-x;，然后将新图片修改为更高更宽。

但如果我在你的鞋子里，我只会将这种效果当作边界处理。取下所有背景图像并添加以下规则：

table { border: 2px solid blue; border-collapse: collapse; }
tr { border: 2px solid blue; }

Answer 3

<table class="TOPIC_STYLE" align="left">

他们应该看起来像这样......你还得到同样的问题吗？

CSS Padding param未加载

3 个答案: