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

原创 2018年04月15日 18:41:34
<!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>

C++ Builder 6 BizSnap/SOAP/WebService(2) -- 通过 SOAP 传递自定义类型数据(改)

    说明:本文经过一些改动,纠正了一些问题,因为原文无法修改,只好重发。不久前我收到几位朋友发来Mail说明他们在按照本文所述进行WebService应用开发时碰到的一个问题:在用ISAPI方式编...
  • Raptor
  • Raptor
  • 2002-08-19 16:31:00
  • 5062

【Html】鼠标移动上去变色&移动上去变小手

写在前面: 我是搞设计的,
  • Abu903
  • Abu903
  • 2014-08-18 09:38:49
  • 4216

设置光标样式 C++

  • 2011年06月02日 09:29
  • 26KB
  • 下载

网页——.移动到某处鼠标变小手 + 点击链接打开窗口

方法一: 链接:href="javascript:void(0)"  或者 href="#" 方法二: cursor:hand 与 cursor:pointer 用JS使鼠标变小手o...
  • Alifangxin
  • Alifangxin
  • 2018-01-02 19:55:35
  • 169

TextBox 设置光标颜色

原帖 http://www.cnblogs.com/gnielee/archive/2010/04/21/wpf4-textbox-brush.html Caret 笔刷可以用来修改...
  • lifeng_beijing
  • lifeng_beijing
  • 2016-04-12 14:19:27
  • 3589

用js使鼠标变成小手状

var a = document.createElement("A");a.style.cursor="hand";
  • xxt06097
  • xxt06097
  • 2009-10-09 21:18:00
  • 9730

css实现鼠标悬停,光标出现小手

用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseover=&quot;this.style....
  • lpch0825
  • lpch0825
  • 2018-02-16 19:21:08
  • 99

网页表格边框颜色效果

今天在写网页时用了一个表格,设定了边框的颜色后在Firefox里却没效果,于是就用CSS来试了一下,成功了。以下是我原先写的代码Code-01: Test     One Two Three Four...
  • zyw745293
  • zyw745293
  • 2009-08-27 14:46:00
  • 3099

bootstrap3表格边框颜色

做打印需要把边框颜色修改为黑色:
  • zautumn
  • zautumn
  • 2014-11-12 11:12:06
  • 4904

flex 鼠标变成手型

比如我要设置当鼠标移动到label,TextInput上时,鼠标形状变成手型 具体代码     useHandCursor="true"         buttonMode="true" ...
  • olfisher
  • olfisher
  • 2012-08-31 15:42:00
  • 1121
收藏助手
不良信息举报
您举报文章:表格的颜色和边框的改变+光标变小手+跳转
举报原因:
原因补充:

(最多只允许输入30个字)