word套用表格样式怎么设置_仿Word自动套用格式使用CSS设置表格样式实例
找一个虽然不是很好看,但设置起来比较复杂的吧:彩色底纹-强调文字颜色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设置表格样式实例相关推荐
- word套用表格样式怎么设置_仿Word自动套用格式,用CSS设置表格样式
找一个虽然不是很好看,但设置起来比较复杂的吧:彩色底纹-强调文字颜色6 Word中的效果如图示: [样式分析]: Word中设置表格格式,主要是设置边框和底纹,可选定整个表格或者部分单元格右击→表格属 ...
- 表格大小设置_系统地学习Excel第18课,设置单元格字体格式
上一篇:系统地学习Excel第17课,设置单元格格式 本篇内容结构如下: 本篇在章节中的位置 单元格字体格式包括字体.字号.字形.颜色等.Excel中文版默认单元格: 字体为[宋体]或[等线]: 字号 ...
- h5下划线怎么设置_【Word技巧】毕业论文封面那条永远对不齐的下划线?
不管是做毕业论文封面,还是做合同封面,相信很多人都曾经深陷过封面排版问题,觉得它特别磨人,这个问题就是[永远对不齐的下划线].很多人画里面的这几条下划线,是这么画的.先点击工具栏的U,然后再通过拼命敲 ...
- Java实现表格打印翻页_简单又实用的小文章来了----表格分页打印的那些小事(2)...
前言 之前写过一篇表格分页打印的实践,其基本思路是按照一比一还原打印宽高,然后根据页面高度内容以及内容长度进行粗略计算,针对不能显示的进行内容分割. 相比上次逻辑稍微繁琐一点,今天分享的方式是更加简单 ...
- amap不同样式marker点_想出一手漂亮的图,CAD打印样式表你必须会!
好课推荐: 1.CAD2014:点击查看2.室内CAD:点击查看3.CAD2019:点击查看4.CAD2018:点击查看5.[bim]revit:点击查看6.室内手绘:点击查看7.CAD三维:点击查看 ...
- latex 分行 表格标题过长_使用latex撰写Elsevier论文,遇到的表格标题caption换行以及左对齐问题的解决办法...
使用latex撰写Elsevier论文,遇到的表格标题caption换行以及左对齐问题的解决办法 . 最近用latex书写elsevier的论文,生成表格时遇到了一个问题.一般elsevier的论文表 ...
- word文档封面免费下载_为Word 2007文档添加封面
word文档封面免费下载 I've been using Microsoft Word since 1985, starting with Word for Mac and eventually mo ...
- debian防火墙设置_如何在Debian 10上使用UFW设置防火墙
debian防火墙设置 介绍 (Introduction) UFW, or Uncomplicated Firewall, is an interface to iptables that is ge ...
- word中套用表格样式在哪里_在Word中,关于“套用表格样式”的用法,下列说法正确的是()...
[单选题]茄子的分枝习性属于 [判断题]在Word编辑状态下,当选定若干文字后,用鼠标左键单击"常用"工具栏"显示比例"列表框中的下拉按钮并选定"75 ...
最新文章
- Oracle创建表空间(转)
- 【深度学习的数学】激活函数的作用是什么?
- 【NLP】NER数据标注中的标签一致性验证
- linux搭建交换机日志,用LINUX的SYSLOG做交换机、路由器的日志服务器
- How does gateway system determine whether cache is hit
- 【POJ1083】 Moving Tables (并行的搬运)
- mysql5.6+master+date_MySQL5.6的4个自带库详解
- Babylon-AST初探-代码生成(Create)
- HBuilderX是什么
- Trick(十四)—— 判断是否序列中所有的元素都相同
- ARToolkit介绍
- matlab中diamond,my-DIAMOND 经典的莫泰识别分析软件 ,在matlab平台下 238万源代码下载- www.pudn.com...
- 3dmax外挂神器更新了|3dmax外挂在过去几年里,食住玩都更新记录了3dmax外挂的什么功能?
- html设置一级标题二级标题格式怎么弄,论文一二三级标题格式如何设置
- 短视频拍摄脚本怎么写
- 去除字符串中的特殊符号及表情
- 深入理解JNINativeInterface函数<一>
- 深度剖析为何选取相关性系数评价因子
- OSI七层模型和STP/IP协议模型(生动形象,简单易懂)
- 什么是OEM ODM JDM OQM OBM?
热门文章
- Unity + HoloLens开发遇到的问题记录
- 关于中间件:谈谈中间件开发
- Creator3D:太厉害了!3D模型原来可以这样显示在2DUI上
- 2021-2027全球与中国金属粉末成型3D打印机市场现状及未来发展趋势
- 惊!女朋友用Python写出几行代码就监控了我的电脑,吃鸡被发现了
- 简约代码表白_java简短表白代码是什么
- Canvas星空效果(JS面向对象)
- 数据挖掘系列(4)_Excel的数据挖掘插件_预测
- HTC vive pro unity开发者软件/SDK版本注意事项
- 2022年都快结束了,Java的这些新技术、热门技术,你不会还不知道吧?