Question

我正在尝试为SharePoint网站打造品牌，但在将背景颜色应用于Web部件标题区域和正文时，我遇到了几个Web部件的问题。应用背景颜色时，标题和正文区域排列不正确（请参阅下面的链接图像）。我对CSS和SharePoint品牌推广相对较新，我确信我遗漏了一些明显的东西。任何帮助将非常感谢让这看起来很漂亮和清洁边缘。

图像： http://imageshack.us/photo/my-images/62/webpart.png/

应用于所述网络部分的代码：

.RightZone .ms-WPHeader TD {
background: #6a7f10;
margin: 0;
padding: 0;
border: 1px #6a7f10 solid;
}
.RightZone .ms-WPBody 
{
 background-color:#e1e5cf;}

关于如何使边缘排列的任何输入都将非常感激。同样，它可能是一个简单的答案，但我在网上搜索时找不到它。

谢谢！

Answer 1

尝试这样做：

<table>
    <tr>
         <td class="ms-WPHeader"> This is Title </td>
    </tr>
     <tr>
         <td class="ms-WPBody "> This is body </td>
     </tr>
</table>

.ms-WPHeader {
    background: #6a7f10;
    margin: 0;
    padding: 0;
    border: 1px #6a7f10 solid;
 }
.ms-WPBody {
    background-color:#e1e5cf;

}

请参阅：http://jsfiddle.net/rathoreahsan/WtWqX/10/

Answer 2

尝试：

.RightZone .ms-WPBody {
 background-color:#e1e5cf;
 margin: 0;
}

Answer 3

尝试应用此功能，

.ms-WPHeader {
    background: #6a7f10;
    margin: 0;
    padding: 0;
    border: 1px #6a7f10 solid;
}

.ms-rtestate-field {
    background: #e1e5cf;
}

使用CSS进行SharePoint Web部件品牌化：标题/标题与Body无关

3 个答案: