jquery 怎么样实现,点击一个表格(table)的 td时改变其背景颜色

jquery 怎么样实现,点击一个表格(table)的 td时改变其背景颜色,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、在indexhtml中的<script>标签,输入jquery代码:

$('td')click(function(){

if ($(this)css('background-color') === 'rgb(255, 0, 0)') {

$(this)css('background-color', 'white');

} else {

$(this)css('background-color', 'red');

}

});

3、浏览器运行indexhtml页面,点击td,背景颜色变为红色。

4、再次点击td,背景颜色变回了原先的白色。

<table style="width: 90px; height: 20px;background-color: 颜色;text-align: left;" class="k-e-collapse-table undefined" border="0">

我们在用word添加表格时,会不时的为其添加一定的背景色,那么单元格的背景色具体是怎样添加的呢那么下面就由我给大家分享下word中设置表格背景色的技巧,欢迎大家来到学习。

 word设置表格背景色的方法

步骤一:首先,我们需要找到一个有表格的word文档,或者是在文档中插入一个表格。

步骤二:然后我们将鼠标放在一个单元格内,右击鼠标,会有一个d出框出现,

步骤三:我们选择d出框的列表中的边框和底纹选项。我使用的是office 2010,可能不同版本的office软件的页面不相同

步骤四:点击之后,会出现一个d出框,我们选择d出框的第三个选项:底纹

步骤五:我们可以看到底纹选项中有填充和图案两个选项,我们只看填充选项,默认是无颜色。

步骤六:我们点击无颜色旁边的下拉三角框,然后鼠标选中其中的一个颜色就可以

步骤七:接下来我们就可以点击确定了,但是我们还要注意确定按钮上方的应用于选项,我们应该选择下拉框中的单元格,这样单元格的背景色才会是我们选择的颜色。

1、首先创建一个基础的html文件,并根据下图录入代码。

2、从html文件找到<body>标签,在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba。

3、在<title>标签后面创建一个<style>,并设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,透明度参数越小透明度越高。其中R,G,B,分别代表了红,绿,蓝三种颜色。

4、保存后使用浏览器查看,即可看到html的页面中背景的透明度就是设置的01。

1、HTML中设置单元格的背景色都是通过CSS

标签中的background 属性来完成。

2、例如,给整个页面(body)设置背景色:body{background: #ddd;};如果要将作为背景色:body{background-image: url(1jpg);},其中url括号后面的是背景的链接。 vivat 02-22 15:13 优质作者 关注 为你推荐 电脑上显示您访问的网页出错了 访问网页出错解决办法 婴儿米粉怎么吃 婴儿米粉的吃法 各种花的开放时间 花朵什么时间开花 cf连接服务器失败 解决方法介绍 热带鱼品种有哪些 两点为你介绍 笔记本怎么关机 两个方法教你关机 朝代顺序歌 两种方式教你记住朝代 第一张黑洞照片谁拍的 两点带你了解 平方米怎么打 2种方法教你打出来 电脑屏幕闪烁怎么回事 电脑屏幕闪烁的原因与解决办法 lol酒桶介绍 lol酒桶简介 盲僧怎么玩 LOL盲僧新手怎样玩好 煤油的比热容是多少 煤油的比热容介绍 氨气的性质 氨气的性质是什么 成熟的标志是什么 成熟是什么 计算机网络的分类知识 各自是什么特点 圣q游侠出装 圣q游侠出装顺序 计算机网络的定义 计算机网络有什么特点 黄瓜栽培技术 什么是黄瓜 12306怎么添加新乘客 添加乘客的步骤 建行xyk注销流程是什么 具体怎么 *** 作 侠客风云传大地图攻略 怎么过风云传大地图 开网店步骤 具体是怎么 *** 作的 好习惯的养成方法 好习惯的养成方法 马桶的尺寸一般是多少 来看看吧 空格怎么打 空格打的方法 qq空间权限怎么设置 具体怎么 *** 作 找不到网络路径怎么办 找不到网络路径的方法 凉州词王翰全文 这里有完整的原文译文介绍 降低胆固醇吃什么 可以试试这些食物 朝三暮四造句 朝三暮四如何造句 溶液的概念 溶液的概念是什么 放生的功德有哪些 放生的定义 救护车标志有什么含义 救护车标志如怎么来的呢 电脑蓝屏重启怎么办 电脑蓝屏是指什么 埃其亚基在哪 魔兽怀旧服埃其亚基在哪 she解散了吗 她们是什么时候出道的 侍魂2出招表 怎么出招侍魂2 恭恭敬敬的近义词 恭恭敬敬出自哪里 flash动画教程 具体是怎么制作的 怎么消除双下巴 怎么减双下巴 什么是命运 来看看解释吧 怎么知道怀孕 怎么知道自己怀孕了 足球的规则是什么 足球的基本规则是什么 什么植物防辐射 他们有什么特点 平均数的概念 平均数的概念是什么 策划怎么写 怎么正确书写策划书 太极拳自学教程 太极拳详细教程 缺乏维生素e的症状 有哪些症状呢 抑扬顿挫造句 抑扬顿挫如何造句

1、图为黑色、红色和紫色的HTML颜色代码表:

2、图为碧色、蓝色、绿色HTML颜色代码表:

3、图为绿色、**、橙色HTML颜色代码表:

4、图为深红色、棕色、深紫色HTML颜色代码表:

相关内容:

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

答案: 1将光标插入表格内,单击右键,在快捷菜单中选择“边框和底纹”,在打开的对话框中切换到“底纹”选项卡。

2在右边预览的下方选择应用的对象,默认的是整个表格,如果选择了单元格,则仅对当前光标所在的单元格起作用。当然还可以直接选中具体要设置的单元格,这时预览下的“应用于”组合框默认的是“单元格”。

3设置完应用对象后,在左侧选择填充色,如果在下面选择“图案”,此时下方的“颜色”组合框变为可选,在里面可以选择图案的颜色。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/12187699.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存