找一个虽然不是很好看,但设置起来比较复杂的吧:彩色底纹-强调文字颜色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内容与结构】:

复制代码代码如下:

Column0Column1Column2Column4Column5

abcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabc

【样式表】:

复制代码代码如下:

.table-11

{

width: 100%;

table-layout: auto;

*border-collapse:collapse;/* IE用 */

border-spacing:0;

}

/*标题行*/

.table-11 th

{

}

/*内容所有行*/

.table-11 tbody tr

{

background: #FEF4EC;

}

/*内容所有偶数行(奇数为odd、偶数为even)*/

.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;

}

【效果】:

本文主要是提供一些思路,细节分析和设置不见得非常恰当,有更好的思路和设置,还望不吝赐教……

word套用表格样式怎么设置_仿Word自动套用格式使用CSS设置表格样式实例相关推荐

  1. word套用表格样式怎么设置_仿Word自动套用格式,用CSS设置表格样式

    找一个虽然不是很好看,但设置起来比较复杂的吧:彩色底纹-强调文字颜色6 Word中的效果如图示: [样式分析]: Word中设置表格格式,主要是设置边框和底纹,可选定整个表格或者部分单元格右击→表格属 ...

  2. 表格大小设置_系统地学习Excel第18课,设置单元格字体格式

    上一篇:系统地学习Excel第17课,设置单元格格式 本篇内容结构如下: 本篇在章节中的位置 单元格字体格式包括字体.字号.字形.颜色等.Excel中文版默认单元格: 字体为[宋体]或[等线]: 字号 ...

  3. h5下划线怎么设置_【Word技巧】毕业论文封面那条永远对不齐的下划线?

    不管是做毕业论文封面,还是做合同封面,相信很多人都曾经深陷过封面排版问题,觉得它特别磨人,这个问题就是[永远对不齐的下划线].很多人画里面的这几条下划线,是这么画的.先点击工具栏的U,然后再通过拼命敲 ...

  4. Java实现表格打印翻页_简单又实用的小文章来了----表格分页打印的那些小事(2)...

    前言 之前写过一篇表格分页打印的实践,其基本思路是按照一比一还原打印宽高,然后根据页面高度内容以及内容长度进行粗略计算,针对不能显示的进行内容分割. 相比上次逻辑稍微繁琐一点,今天分享的方式是更加简单 ...

  5. amap不同样式marker点_想出一手漂亮的图,CAD打印样式表你必须会!

    好课推荐: 1.CAD2014:点击查看2.室内CAD:点击查看3.CAD2019:点击查看4.CAD2018:点击查看5.[bim]revit:点击查看6.室内手绘:点击查看7.CAD三维:点击查看 ...

  6. latex 分行 表格标题过长_使用latex撰写Elsevier论文,遇到的表格标题caption换行以及左对齐问题的解决办法...

    使用latex撰写Elsevier论文,遇到的表格标题caption换行以及左对齐问题的解决办法 . 最近用latex书写elsevier的论文,生成表格时遇到了一个问题.一般elsevier的论文表 ...

  7. word文档封面免费下载_为Word 2007文档添加封面

    word文档封面免费下载 I've been using Microsoft Word since 1985, starting with Word for Mac and eventually mo ...

  8. debian防火墙设置_如何在Debian 10上使用UFW设置防火墙

    debian防火墙设置 介绍 (Introduction) UFW, or Uncomplicated Firewall, is an interface to iptables that is ge ...

  9. word中套用表格样式在哪里_在Word中,关于“套用表格样式”的用法,下列说法正确的是()...

    [单选题]茄子的分枝习性属于 [判断题]在Word编辑状态下,当选定若干文字后,用鼠标左键单击"常用"工具栏"显示比例"列表框中的下拉按钮并选定"75 ...

最新文章

  1. Oracle创建表空间(转)
  2. 【深度学习的数学】激活函数的作用是什么?
  3. 【NLP】NER数据标注中的标签一致性验证
  4. linux搭建交换机日志,用LINUX的SYSLOG做交换机、路由器的日志服务器
  5. How does gateway system determine whether cache is hit
  6. 【POJ1083】 Moving Tables (并行的搬运)
  7. mysql5.6+master+date_MySQL5.6的4个自带库详解
  8. Babylon-AST初探-代码生成(Create)
  9. HBuilderX是什么
  10. Trick(十四)—— 判断是否序列中所有的元素都相同
  11. ARToolkit介绍
  12. matlab中diamond,my-DIAMOND 经典的莫泰识别分析软件 ,在matlab平台下 238万源代码下载- www.pudn.com...
  13. 3dmax外挂神器更新了|3dmax外挂在过去几年里,食住玩都更新记录了3dmax外挂的什么功能?
  14. html设置一级标题二级标题格式怎么弄,论文一二三级标题格式如何设置
  15. 短视频拍摄脚本怎么写
  16. 去除字符串中的特殊符号及表情
  17. 深入理解JNINativeInterface函数<一>
  18. 深度剖析为何选取相关性系数评价因子
  19. OSI七层模型和STP/IP协议模型(生动形象,简单易懂)
  20. 什么是OEM ODM JDM OQM OBM?

热门文章

  1. Unity + HoloLens开发遇到的问题记录
  2. 关于中间件:谈谈中间件开发
  3. Creator3D:太厉害了!3D模型原来可以这样显示在2DUI上
  4. 2021-2027全球与中国金属粉末成型3D打印机市场现状及未来发展趋势
  5. 惊!女朋友用Python写出几行代码就监控了我的电脑,吃鸡被发现了
  6. 简约代码表白_java简短表白代码是什么
  7. Canvas星空效果(JS面向对象)
  8. 数据挖掘系列(4)_Excel的数据挖掘插件_预测
  9. HTC vive pro unity开发者软件/SDK版本注意事项
  10. 2022年都快结束了,Java的这些新技术、热门技术,你不会还不知道吧?