表格的颜色和边框的改变+光标变小手+跳转

最新推荐文章于 2023-02-07 14:42:46 发布
最新推荐文章于 2023-02-07 14:42:46 发布
阅读量387 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yin_chenglong/article/details/79951732
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

<style type="text/css">
table{

width: 500px;
height: 150px;
border-collapse: collapse;
}
td{
width: 80px;

}
div{
width: 200px;
height: 50px;
line-height: 50px;
background-color: #999999;
text-align: center;
margin-left: 50px;
border: 1px solid blue;
border-radius: 3px;
cursor: pointer;
float: left;
}


</style>


</head>

<body>
<table  border="1px" bordercolor="#000000" cellpadding="1px" cellspacing="1px" >
<tr style="text-align: center;">
<td style="background-color: yellow;">姓名</td>
<td style="background-color: yellow;">年龄</td>
<td style="background-color: yellow;">性别</td>
</tr>
<tr style="border-bottom-color: red;">
<td style="text-align: center;">张三三</td>
<td>18</td>
<td style="text-align: right;">男</td>
</tr>
<tr style="border-bottom-color: red;">
<td style="text-align: center; border-right-color: red;">李思思</td>
<td style="border-right-color: red;">19</td>
<td style="text-align: right;">女</td>
</tr>
<tr style="border-bottom-color: red;">
<td style="text-align: center;">王呜呜</td>
<td>20</td>
<td style="text-align: right;">男</td>
</tr>
<tr style="border-bottom-color: red;">
<td style="text-align: center; border-right-color: red;">赵琪琪</td>
<td style="border-right-color: red;">23</td>
<td style="text-align: right;">女</td>
</tr>
</table><br /><br />
<div>移动到我上面便小手</div>
<a href="http://www.baidu.com" style="margin-left: 50px;">我是超链接，点我可以打开一个新的百度搜索页面</a>

</body>
</html>
yin_chenglong
关注
前端学习笔记 - HTML+CSS
fengxm0309的博客
10-07 4737
基础认知 网页 什么是网页 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 什么是 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Lang
HTML+CSS知识点
kemisama的博客
09-18 377
html+css知识点
鼠标点击表格行背景变色 js
weixin_30640769的博客
04-26 413
<HTML><HEAD><TITLE>鼠标点击表格行背景变色</TITLE><style> .MouseOverClick {background-color: #D9EFFD} .MouseOutWhite {background-color: #FFFFFF}</style>...
电脑小手图标怎么去除_电脑桌面图标怎么变小
weixin_32239819的博客
12-30 1916
　　我们经常会在电脑桌面上放置很多需要使用的图标，如果图标太大会占据不少桌面的空间，下面就为大家介绍一下电脑桌面图标怎么变小的步骤。电脑图标怎么变小　　方法一：　　可以在系统桌面按住ctrl键活动鼠标转轮，会看到向上转的时候桌面图标变大，相反，向下转的时候桌面图标变小。第二种方法是，如果鼠标没有转轮，可以右键单击桌面，选择查看，这样可以选择大图标、中等图标或者小图标，具体的设置可以按照个人喜好来选...
ElementUi 表格滚动条 改为小手样式三步骤完成
最新发布
ChenJMingGg的博客
02-07 1462
ElementUi 表格滚动条 改为小手样式
cursor 手型 小手 样式的种类
51的专栏
08-15 2051
鼠标手型效果 CSS鼠标手型效果 鼠标手型效果 CSS鼠标手型效果 注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。 鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果 鼠标十字型 效果 CSS鼠标十字型 效果 鼠标I字型效果 CSS鼠标I字形效果 鼠标等待效果 CSS鼠标等待效果 鼠标默认效果 CSS鼠标默认效果 鼠标向右的箭头效果 CSS鼠
光标(cur格式)静态
03-10
网上收集回来的，，大家分享下。。欢迎下载...
HTML+CSS----------HTML5+CSS3
qq_31913969的博客
09-04 995
html回忆录 1、网页的组成：图片、文字、超链接、视频、音频等 2、网页中web标准三层组成:结构(html)、表现(css)、行为(JS). 3、Chrome浏览器的内核：Blink；苹果内核：webkit; 4、HTML是超文本标记语言，是描述网页的一种语言，是一种标记，不是一种语言，是一套标记标签。 5、超文本指的是超越文本的限制，超级文本链接 6、内核渲染HTML和CSS 7、 8、 ...
【html+css】学习笔记
weixin_43068329的博客
08-01 472
目录 .img：图片 .a：超链接 .表格 .表单标签 .背景图设置： .边框样式：border .字体样式： .css选择器 .css样式优先级：行内style > id 100 > class 10 > 标签 1 > * .margin:auto左右居中 .标签分类：display .隐藏：dispaly:none 不占空间的隐藏 .溢出隐藏：overflow: hidden/scroll/auto; overflow-x/y：针对x/y轴...
openKylin 0.7.5 更新版本发布，完成 KMRE 适配，并修复 150+ 已知 Bug！
openKylin的博客
08-26 1693
自 openKylin 0.7 版本发布后，社区便积极从各个渠道汇总大家的反馈建议，并针对 0.7 版本存在的问题进行优化处理。同时，我们也发起了社区活动，邀请大家参与到版本测试中，与我们携手共建。终于，在多方努力下，openKylin0.7.5 更新版本操作系统正式发布。...
将bmp,png,jif,jpge等格式图片转换为cur,ico的软件
12-05
将bmp,png,jif,jpge等格式图片转换为cur,ico的软件，方便好用
Table表单之border边框操作
LaoYe的博客
09-18 2万+
border样式在平时我们使用的频率是非常高的，但是除了表单table之外，我们几乎都是一对一的使用，一般不会遇到什么问题。 而在table中众多的数据排列在一起，为了将各个数据隔开，我们就不得不使用boder进行操作。由于表格相对其他元素的特殊性，我们在对表单进行表格操作时，往往会遇到一些特殊的情况。 这不最近我在做后台管理时就经常需要和table打...
jtable中某列实现html中a标签效果，鼠标移到上面去的时候显示手型效果
cuiyaoqiang的博客
04-22 2644
先看效果：设置table某列渲染table.getColumnModel().getColumn(4).setCellEditor(new MyRender());//设置编辑器 table.getColumnModel().getColumn(4).setCellRenderer(new MyRender());jtable渲染类 /** Table显示界面渲染类，重点
ul列表选中变色效果
yinkgh的专栏
09-07 1万+
本文讲解了如何动态生成ul列表，如何点击li改变本li样式
鼠标点击改变单元格颜色或点击改变行颜色
DN_XIAOXIAO的博客
04-19 7447
单击改变行颜色打开一模板如：%FR_HOME%\WebReport\WEB-INF\reportlets\GettingStarted.cpt模板，点击模板&gt;模板web属性&gt;分页预览设置，选择为该模板单独设置，然后添加加载结束事件，具体js如下：contentPane.makeHighlight('red'); //使点击的行变成红色  分页预览模板，当鼠标点击某行时，某行变色。如果要...
使用element中的table组件，如何单击某一行数据时选中对应的复选框
热门推荐
黑色笔记
07-03 2万+
&lt;el-table @row-click="clickRow" ref="moviesTable" :data="insertModel.tableData" @selection-change="handleSelectionChange"&gt; &lt;el-table-column type="selection" width="55
WinCC运行系统中改变对象颜色及透明度的脚本方法
"本文档介绍了如何在Siemens WinCC运行系统中通过脚本来改变对象的颜色，包括背景、边框和文本。从WinCC 7.0版本开始，系统支持32位颜色值以及颜色透明度。你可以使用C脚本或VBScript来实现这一功能。文档提供了具体...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值