时间:2021-05-08
找一个虽然不是很好看,但设置起来比较复杂的吧:彩色底纹-强调文字颜色6
Word中的效果如图示:
【样式分析】:
Word中设置表格格式,主要是设置边框和底纹,可选定整个表格或者部分单元格右击→表格属性→边框和底纹,打开“边框和底纹”对话框进行设置或察看,简单分析如下:
一、表头所有单元格
1、上边框:无;
2、左边框:无;
3、右边框:无;
4、下边框:颜色#4BACC6,3磅,单实线(网页中磅不好设置,用3px取代);
二、内容所有行
底纹颜色:#FEF4EC;
三、内容所有奇数行
底纹颜色:#FBCAA2;
四、内容所有单元格
左边框:白色,0.5,单实线(网页中磅不好设置,用1px取代);
五、内容最后一行单元格
下边框:颜色#B65608,0.5磅,单实线(网页中磅不好设置,用1px取代);
六、内容最后一列所有单元格
下边框:颜色#B65608,0.5磅,单实线(网页中磅不好设置,用1px取代);
七、内容第一列所有单元格:
底纹颜色: #B65608;
左边框:颜色#B65608,0.5磅,单实线(网页中磅不好设置,用1px取代);
文字颜色:白色;
【HTML内容与结构】:
复制代码代码如下:
<div style="width:600px;">
<table class="table-11">
<thead>
<tr>
<th>Column0</th><th>Column1</th><th>Column2</th><th>Column4</th><th>Column5</th>
</tr>
</thead>
<tbody>
<tr>
<td>abc</td><td>abc</td><td>abc</td><td>abc</td><td>abc</td>
</tr>
<tr>
<td>abc</td><td>abc</td><td>abc</td><td>abc</td><td>abc</td>
</tr>
<tr>
<td>abc</td><td>abc</td><td>abc</td><td>abc</td><td>abc</td>
</tr>
<tr>
<td>abc</td><td>abc</td><td>abc</td><td>abc</td><td>abc</td>
</tr>
<tr>
<td>abc</td><td>abc</td><td>abc</td><td>abc</td><td>abc</td>
</tr>
<tr>
<td>abc</td><td>abc</td><td>abc</td><td>abc</td><td>abc</td>
</tr>
</tbody>
</table>
</div>
【样式表】:
复制代码代码如下:
.table-11
{
width: 100%;
table-layout: auto;
*border-collapse:collapse;
border-spacing:0;
}
.table-11 th
{
}
.table-11 tbody tr
{
background: #FEF4EC;
}
.table-11 tbody tr:nth-child(odd)
{
background: #FBCAA2;
}
.table-11 tbody tr:hover
{
background:#FFFF00;
}
.table-11 th, td
{
}
.table-11 thead tr th
{
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid 3px #4BACC6;
}
.table-11 tfoot tr td
{
}
.table-11 tbody tr td
{
border-left:solid 1px White;
}
.table-11 tbody tr:first-child td
{
}
.table-11 tbody tr:last-child td
{
border-bottom:solid 1px #B65608;
}
.table-11 th:first-child, td:first-child
{
}
.table-11 th:last-child, td:last-child
{
}
.table-11 tbody td:first-child
{
background: #B65608;
border-left:solid 1px #B65608;
color:White;
}
.table-11 tbody td:last-child
{
border-right:solid 1px #B65608;
}
【效果】:
本文主要是提供一些思路,细节分析和设置不见得非常恰当,有更好的思路和设置,还望不吝赐教……
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、表格自动套用格式 方法:表格-表格自动套用格式 二、绘制斜线表头 方法:表格-绘制斜线表头 表头样式有五种,分别为: 三、Word表格排序 Wo
在Word2003中除了采用手动的方式设置表格中的字体、颜色、底纹等Word表格格式以外,使用Word表格的“自动套用格式”功能可以快速将表格设置为较为专业的W
excel自动套用格式在开始菜单表格样式里面。 MicrosoftExcel是Microsoft为使用Windows和AppleMacintosh操作系统的电
为了制作出美观的报表,需要对报表进行格式化。有快捷方法,即自动套用Excel预设的表格样式。方法是:选定操作区域,选取“格式”菜单中的“自动套用格式”命令,
图示:自动添加字段标题 图示:制作表格 图示:框选表格 图示:为所选表格套用格式 图示:勾选“表包含标题” 图示:样式生效