用CSS怎样实现鼠标移上去背景颜色变色 onmouseover、onmouseout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
table {
	border-collapse:collapse;
}
td {
	border:#000 solid 1px;
}
</style>
</head>

<body>
<table width="600" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td onmouseover="this.style.background=‘#666666‘" onmouseout="this.style.background=‘‘"> </td>
    <td onmouseover="this.style.background=‘#666666‘" onmouseout="this.style.background=‘‘"> </td>
  </tr>
  <tr>
    <td onmouseover="this.style.background=‘#666666‘" onmouseout="this.style.background=‘‘"> </td>
    <td onmouseover="this.style.background=‘#666666‘" onmouseout="this.style.background=‘‘"> </td>
  </tr>
</table>
</body>
</html>

用CSS怎样实现鼠标移上去背景颜色变色 onmouseover、onmouseout

时间： 2024-10-10 19:59:25

用CSS怎样实现鼠标移上去背景颜色变色 onmouseover、onmouseout的相关文章

鼠标经过时背景颜色变化

<style type="text/css">#coolmenu{border: 1px solid black;border-bottom-width: 0;width: 170px;background-color: #E6E6E6;}* html #coolmenu{width: 164px;}#coolmenu a{font: bold 13px Verdana;padding: 2px;padding-left: 4px;display: block;width:

css selection改变文字反选的背景颜色

<style type="text/css"><!--.ai::-moz-selection { background:#cc0000; color:#fff; }.ai::selection { background:#cc0000; color:#fff; }.av::-moz-selection { background:#FFCC00; color:#CC33FF; }.av::selection { background:#FFCC00; color:#CC

CSS改变被鼠标选中的文字颜色及背景

页面中的文字被鼠标选中的文字颜色及背景怎么设置? ::selection { background:#e96147;  color:red; } ::-moz-selection { background:#e96147;  color:red; } ::-webkit-selection { background:#e96147;  color:red; } 希望对大家有帮助

css 去除input框边框 鼠标禁用状态 背景颜色

让一个input框作为一个有placeHolder 提示信息的 展示信息面板 左边为可编辑的面板(为编辑状态)右边为展示 右边需要修改 0.背景颜色与背景同色 1.取消外边框 input{ outline: medium}2.鼠标禁用(可作为全局样式使用) .mouse_disabled { pointer-events: none; } 3.修改input placeHolder  样式 修改后 编辑完 ok~~ 原文地址:https://www.cnblogs.com/522040-m/p/

css实现 当鼠标移到input的时候，input框出现阴影，当移动到button的时候，input框的阴影消失，button框出现阴影

<meta charset="utf-8" /> <style type="text/css"> div{overflow: hidden;} div.search_box input{ float:left; width:200px; height:50px; box-sizing:border-box; padding:0 40px 0 10px; line-height:50px; border:0; border-left:1px s

div css鼠标悬停锚文本超链接文字背景颜色或图片变化

div css鼠标悬停锚文本超链接文字背景颜色或图片变化(体感音乐) css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇.(体感音乐) 此DIV CSS布局技巧其实是对a标签做鼠标经过CSS样式.利用以下代码: a{...} 原始超链接默认样式设置a:hover{...}鼠标悬停经过时超链接锚文本CSS样式(扩展阅读:ie6 hover)一.链接文字无背景鼠标经过悬停

CSS实现的鼠标悬浮整行背景变色代码

CSS实现的鼠标悬浮整行背景变色代码:在新闻列表形式的不居中,为了清晰的分辨每一行,一般当鼠标悬浮在一行上的时候,能够实现当前行整行变色,下面就通过代码实例简单介绍一下如何实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/

CSS实例：鼠标滑过超级链接文字时改变背景颜色

先讲简单的: 通过CSS可以设置超链接在不同时刻的颜色: <style> a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FFFF} /* 已访问的链接 */ a:hover {color: #0000FF} /* 鼠标移动到链接上 */ a:active {color: #00FF00} /* 选定的链接 */ </style> <ul id="content"> <li&g

WPF中当鼠标移到按钮上时，按钮的背景图片消失的问题

如果给按钮设置了背景图片,当鼠标移到按钮上的时候,按钮就好变成一个浅蓝色的按钮,背景图片就消失了,对于这个问题有很多解决方法,我只分享一下我的解决方法. 我第一次用的方式是在按钮中添加一个图片,不用背景来设置. <Button HorizontalAlignment="Left" Margin="179,56.506,0,0" Click="Button_Click" VerticalAlignment="Top" Wi