PPT中的表格怎么改变颜色呢，全部都改，-中国学网-中国IT综合门户网站
> 信息中心 >
PPT中的表格怎么改变颜色呢，全部都改，
来源：互联网 发表时间： 14:32:24 责任编辑：王亮字体：
为了帮助网友解决“PPT中的表格怎么改变颜色呢，全部都改，”相关的问题，中国学网通过互联网对“PPT中的表格怎么改变颜色呢，全部都改，”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:PPT中的表格怎么改变颜色呢，全部都改，不是一个格一个格的改?，具体解决方案如下：解决方案1：选中表格，右键----边框和填充，设置好你想要的就行了。
2个回答3个回答1个回答2个回答4个回答2个回答1个回答3个回答2个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答
相关文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号您的位置： >
css如何设置表格样式
学习标签：
本文导读：CSS表格与表单是网页上最常见的元素，表格除了显示数据外，还常常被用来排版。CSS表格作为传统的HTML元素，一直受到网页设计者们的青睐。使用CSS表格来表示数据、制作调查表等在网络中屡见不鲜。同时因为CSS表格框架的简单、明了，使用没有边框的表格来排版，也受到很多设计者的喜爱。下面介绍CSS控制表格的方法，包括表格的颜色、标题、边框、背景等。
WEB2.0提倡使用div开布局，但不是要完全放弃使用表格，表格在数据展现方面还是不错的选择。
表格常见的应用
表格的颜色
.datalist {...}{
color: #0046a6;
background-color: #d2e8ff;
font-family: Arial;
.datalist caption {...}{
font-size: 18px;
font-weight: bold;
.datalist th {...}{
color: #003e7e;
background-color: #7bb3ff;
表格的边框
.datalist {...}{
border: 1px solid #007eff;
font-family: Arial;
border-collapse: collapse;
.datalist th, .datalist td {...}{
border: 1px solid #429fff;
当表格的行列都很多、数据量很大的时候，单元格如果采用相同的背景色，用户在实际使用时会感到凌乱。通常的解决办法就是采用隔行变色，使得奇数行和偶数行的背景颜色不一样，达到数据一目了然的目的。
.datalist tr.altrow {...}{
background-color: #c7e5ff;
鼠标经过变色
对于长时间审核大量数据、浏览表格的用户来说，即使是隔行变色的表格，阅读时间长了仍然会感到疲劳。如果数据行能够动态的根据鼠标来变色，就使得页面充满了生机，最大程度的减少用户疲倦。
.datalist tr:hover {...}{
background-color: #c4e4ff;
.datalist tr:hover {...}{ background-color: #c4e4ff; }
下面介绍几个CSS表格的实例
一、单像素边框CSS表格
这是一个很常用的表格样式。
css样式、HTML代码
HTML 代码 &&复制
&style type=&text/css&&...
table.gridtable {...}{
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
table.gridtable th {...}{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
table.gridtable td {...}{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
&!-- Table goes in the document BODY --&
&table class=&gridtable&&
&th&Info Header 1&/th&&th&Info Header 2&/th&&th&Info Header 3&/th&
&td&Text 1A&/td&&td&Text 1B&/td&&td&Text 1C&/td&
&td&Text 2A&/td&&td&Text 2B&/td&&td&Text 2C&/td&
二、带背景图的CSS样式表格
和上面差不多，不过每个格子里多了背景图。
cell-blue。jpg
cell-grey。jpg
1. 下载上面两张图，命名为cell-blue。jpg和cell-grey。jpg
2. 拷贝下面的代码到你想要的地方，记得修改图片url
3、css样式、HTML代码
HTML 代码 &&复制
&!-- CSS goes in the document HEAD or added to your external stylesheet --&
&style type=&text/css&&...
table.imagetable {...}{
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
table.imagetable th {...}{
background:#b5cfd2 url('cell-blue。jpg');
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #999999;
table.imagetable td {...}{
background:#dcddc0 url('cell-grey。jpg');
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #999999;
&!-- Table goes in the document BODY --&
&table class=&imagetable&&
&th&Info Header 1&/th&&th&Info Header 2&/th&&th&Info Header 3&/th&
&td&Text 1A&/td&&td&Text 1B&/td&&td&Text 1C&/td&
&td&Text 2A&/td&&td&Text 2B&/td&&td&Text 2C&/td&
三、&自动换整行颜色的CSS样式表格
这个CSS样式表格自动切换每一行的颜色，在我们需要频繁更新一个大表格的时候很有用。
HTML 代码 &&复制
&!-- Javascript goes in the document HEAD --&
&script type=&text/javascript&&...
function altRows(id)...{
if(document.getElementsByTagName)...{
var table = document.getElementById(id);
var rows = table.getElementsByTagName(&tr&);
for(i = <span style="background-color: #f5f5f5; color: #; i & rows. i++)...{
if(i % <span style="background-color: #f5f5f5; color: # == <span style="background-color: #f5f5f5; color: #)...{
rows[i].className = &evenrowcolor&;
rows[i].className = &oddrowcolor&;
window.onload=function()...{
altRows(&#39;alternatecolor&#39;);
&!-- CSS goes in the document HEAD or added to your external stylesheet --&
&style type=&text/css&&...
table.altrowstable {...}{
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #a9c6c9;
border-collapse: collapse;
table.altrowstable th {...}{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
table.altrowstable td {...}{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
.oddrowcolor{...}{
background-color:#d4e3e5;
.evenrowcolor{...}{
background-color:#c3dde0;
&!-- Table goes in the document BODY --&
&table class=&altrowstable& id=&alternatecolor&&
&th&Info Header 1&/th&&th&Info Header 2&/th&&th&Info Header 3&/th&
&td&Text 1A&/td&&td&Text 1B&/td&&td&Text 1C&/td&
&td&Text 2A&/td&&td&Text 2B&/td&&td&Text 2C&/td&
&td&Text 3A&/td&&td&Text 3B&/td&&td&Text 3C&/td&
&td&Text 4A&/td&&td&Text 4B&/td&&td&Text 4C&/td&
&td&Text 5A&/td&&td&Text 5B&/td&&td&Text 5C&/td&
四、鼠标悬停高亮的CSS样式表格
HTML 代码 &&复制
&style type=&text/css&&...
table.hovertable {...}{
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
table.hovertable th {...}{
background-color:#c3dde0;
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
table.hovertable tr {...}{
background-color:#d4e3e5;
table.hovertable td {...}{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
&table class=&hovertable&&
&th&Info Header 1&/th&&th&Info Header 2&/th&&th&Info Header 3&/th&
&tr onmouseover=&this.style.backgroundColor=&#39;#ffff66&#39;;& onmouseout=&this.style.backgroundColor=&#39;#d4e3e5&#39;;&&
&td&Item 1A&/td&&td&Item 1B&/td&&td&Item 1C&/td&
&tr onmouseover=&this.style.backgroundColor=&#39;#ffff66&#39;;& onmouseout=&this.style.backgroundColor=&#39;#d4e3e5&#39;;&&
&td&Item 2A&/td&&td&Item 2B&/td&&td&Item 2C&/td&
&tr onmouseover=&this.style.backgroundColor=&#39;#ffff66&#39;;& onmouseout=&this.style.backgroundColor=&#39;#d4e3e5&#39;;&&
&td&Item 3A&/td&&td&Item 3B&/td&&td&Item 3C&/td&
&tr onmouseover=&this.style.backgroundColor=&#39;#ffff66&#39;;& onmouseout=&this.style.backgroundColor=&#39;#d4e3e5&#39;;&&
&td&Item 4A&/td&&td&Item 4B&/td&&td&Item 4C&/td&
&tr onmouseover=&this.style.backgroundColor=&#39;#ffff66&#39;;& onmouseout=&this.style.backgroundColor=&#39;#d4e3e5&#39;;&&
&td&Item 5A&/td&&td&Item 5B&/td&&td&Item 5C&/td&
您可能感兴趣
一月好评排行榜欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> html字体颜色设置更改，设置字体颜色代码方法有哪些
DIVCSS5为大家介绍在html中设置方法，字体颜色修改方法，字体颜色如何准确获取。
一、html font字体颜色设置
在HTML中我们使用即可对字体内容设置颜色。
&color=&#FF0000&我是红色字体&
首先font是一对常规标签，将文本内容放入标签内，font标签内设置颜色+对应颜色值即可设置font标签对象内字体颜色。
2、设置字体颜色实例
2-1、html字体颜色实例完整代码：
&!DOCTYPE&html&&&&charset=&utf-8&&&font字体颜色在线实例&DIVCSS5&&&&color=&#FF0000&我是红色字体&&width=&300&&border=&1&&&&color=&#0000FF&你好&DIVCSS5&&&&&
以上实例分别单独对字体设置颜色和对内字体设置颜色
2-2、字体颜色实例截图
html字体颜色设置案例截图
2-3、在线演示：
要改变字体颜色,只需要将颜色值更改即可。
二、html div css字体颜色设置
在html中通过设置字体颜色。
使用设置html字体颜色方法有两种，一种是标签内CSS、一种是外部CSS。
1、基本知识介绍
使用外部CSS，可以将单独放到CSS文件里使用引入CSS()，也可以在html使用，建立CSS。也可以在html标签内使用style属性设置。
2、实例演示
这里实践两种方法来实现HTML字体颜色设置，一种标签内使用css，另外一种使用实现字体颜色设置。
3、实例完整
&!DOCTYPE&html&&&&charset=&utf-8&&&css实现字体颜色&在线演示&DIVCSS5&&.divcss5{color:#F00}&&&&&&class=&divcss5&我字体是红色&&style=&color:#00F&我字体是蓝色&&&&
分别使用&style&标签和内使用style属性设置html中字体颜色。
4、案例截图
CSS设置字体颜色案例实例效果截图
5、案例在线演示：
三、html超链接A字体颜色设置
对html中字体设置颜色，有两种情况，一种是对html全部a超链接内字体设置统一的字体颜色，另外一种是对指定对象内的锚文本超链接字体设置单独颜色。
DIVCSS5通过实例为大家介绍html中超链接锚文本字体颜色统一设置与单独设置。
1、完整div+css 如下
&!DOCTYPE&html&&&&charset=&utf-8&&&html超链接字体颜色设置&在线演示&DIVCSS5&&a{&color:#00F}&a:hover{&color:#F00}/*&鼠标经过悬停字体颜色&*/&/*&说明：以上代码为设置html中超链接统一字体颜色&*/&.div&a{&color:#090}&.div&a:hover{&color:#090}&/*&说明：以上代码为设置html中.对象内超链接字体颜色&*/&&&&测试内容我是统一设置的颜色蓝色&href=&&DIVCSS5&&class=&div&我在div对象内，超链接颜色为&href=&#&我是超链接绿色&&&
超链接为蓝色的字体是html统一设置的，而绿色的为单独设置的。
2、超链接字体颜色实例截图
css超链接字体实例效果截图
3、在线演示：
以上三个DIV+CSS案例打包下载：
四、如何获取HTML需要的准确字体颜色
要获取准确的颜色值，一般使用Photoshop（ps）软件获取。以下DIVCSS5教大家使用PS获取某处字体颜色值，通过获取字体值灵活应用获取某处背景或图片或边框颜色值。
假如我们要获取以上图片&CSS&蓝色具体color值
1、PS打开这张图片
ps打开这张图片
2、使用点击PS工具的&选择前景色&或&选择背景色&工具
这里我们点击红色框的&前景色&工具
3、弹出&选择前景色&选项卡
操作第二步后，就会弹出&选择前景色&选项卡同时，鼠标指针就会变成吸管一样的图标&拾色器&，这个时候去点击需要获取颜色值地方，如果图片小不容易准确点击，这个使用可以放大图片&ctrl+++&即可不断放大图片。
获取准确颜色值&0000FF&
4、设置使用获取的color颜色值
color:#0000FF
技巧：使用颜色值时候，一般直接去PS复制得到颜色值，以免手动输入错误，同时使用使用别忘记颜色值前加&#&号。
五、html字体颜色总结
DIVCSS5为大家介绍三种字体颜色设置包括HTML字体、、字体颜色,同时介绍了使用PS获取准确的颜色值方法。大家平时可以灵活扩展使用对字体、对设置颜色值。如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials&#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; ()&#8226; &#8226; ()&#8226; ()&#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; 必备HTML基础教程 Essential HTML Tutorials &#8226;
&#8226; () &#8226; () &#8226; () &#8226;
&#8226; () &#8226;
&#8226; () &#8226;
&#8226; 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 09:28
原创：本文 DIVCSS5版权所有。最新文章NEWS&#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; CSS EFFECTS相关文章RELATED&#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; &#8226; 热点文章HOT
学习与资源分享平台EXCEL 表格,如何让含有数字的单元格自动变颜色?_百度知道
EXCEL 表格,如何让含有数字的单元格自动变颜色?
如果数据在A列，那么选择A列，在“条件格式”中，“新建规则”，以“公式”建立规则，输入=COUNT(--MID(A1,ROW($1:$20),1))&0& 格式选择填充色绿色，确定，即可实现单元格中只要有数字，就以填充色填充的效果。其中，条件公式COUNT(--MID(A1,ROW($1:$20),1))表示：将A1单元格的字符串逐一分离，并统计其中的数字个数，如果超过0，说明存在数字。&详见附图
其他类似问题
3人觉得有用
为您推荐：
提问者采纳
条件格式～。。
其他1条回答
清除查找格式&quot.在&quot,打开&这一项;编辑&quot,后面的&中;下拉框中,&从单元格选择格式&,所有的数值单元格填充上了颜色;框;中;(就是选择你要改变颜色的单元格的格式),点&格式&首先;替换为&;中选&.选择&这一项,就会一个一个的改变颜色,点&quot,分别是&查找格式&quot.最后;图案&替换&数字&查找和替换&;确定&quot,点确定,打开一个&这一项中;格式&,选&quot,选择你想要的颜色,确定你输入的数字是数值格式;下拉框中.如果点&;,选择&替换&quot,有三项,&全部替换&quot,在&quot,选择&格式&数值&格式&查找&quot,也是在后面的&quot,在第五栏&栏中;操作框;查找内容&quot.在&格式&quot,在第一栏&quot.然后
excel的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁怎么改变WORD表格的颜色?
怎么改变WORD表格的颜色?
09-10-27 &
鼠标指向表格左上角的十字箭头方框，单击选中表格；执行“格式/边框的底纹”命令，打开“边框和底纹”对话框；单击“边框”选项卡，单击“全部”，“颜色”选择“蓝色”，单击“确定”按钮。完成表格线的颜色设置。
请登录后再发表评论!
选择表格→格式→边框和底纹→底纹→填充（选择所需颜色），确定即可。
请登录后再发表评论!