zoukankan
html css js c++ java
鼠标经过,表格变色
今天写页面的时候写的,鼠标经过表格行,表格变色
演示效果:
<style type="text/css"> #ordered{598px;background:#a5a5a5;text-align:center;} #ordered th{background-color:#d8e4c6;height:30px;line-height:30px;color: #404040;font-weight: bold;} #ordered tr{background-color:#fff;cursor:pointer; event:expression(onmouseover = function(){this.style.backgroundColor='#fffbe8'},onmouseout = function(){this.style.backgroundColor='#FFFFFF'}); } #ordered tr:hover{background:#fffbe8;} #ordered td{height:25px;line-height:25px;} </style> <table cellspacing="1" id="ordered"> <tr > <th>品名</th> <th>型号</th> <th>市场标价</th> <th>优惠价格</th> <th>订购数量</th> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> </table>
提示:可以先在文本框内,根据需要修改代码后再运行
查看全文
相关阅读:
Django REST framework (DRF)框架入门之权限【五】
Django REST framework (DRF)框架入门之视图【四】
Django REST framework (DRF)框架入门之视图【三】
restFul接口设计规范
Django REST framework (DRF)框架入门之序列化---反序列化【二】
Django REST framework (DRF)框架入门之序列化【一】
Vue自动化工具(Vue-cli)基础3
Vue.js 基础2
Vue.js 基础1
Django 下载功能中文文件名问题
原文地址:https://www.cnblogs.com/joe235/p/1167802.html
最新文章
V8引擎是如何工作?
css图标库_css常用的矢量图标大全
Android 华为推送库下载不了
开发者中心
蜘蛛劫持
HTML连载84-添加中部的图片
Android连载6-碎片
JavaScript连载5-数据转换为Number与String、数字解析
Java连载110-类锁、死锁、守护线程
HTML连载83-编写中间内容层
热门文章
Android连载5-编写一个微信聊天界面
JavaScript连载4-五种基本数据类型和类型转换
HTML连载82-努比亚界面顶部区域和广告区域
Java连载109-sychronized关键的用途及其注意点、自定义注解
Java连载108-注解OverrideDeprecatedSuppressWarnings
LeetCode刷题笔记第1297题
LeetCode刷题笔记第1260题
LeetCode刷题笔记第35题
LeetCode刷题笔记第38题
MongoDB的安装与可视化启动界面的配置
Copyright © 2011-2022 走看看