首页 »Javascript教程 » 表格变色:js兼容标准的表格变色效果 »正文表格变色:js兼容标准的表格变色效果来源: 发布时间:星期四, 2008年12月25日 浏览:36次 评论:0
<!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; char ![]() <style type="text/css"> * { margin:0; padding:0; font-size:14px } body { text-align:center;} #btn { list-style:none inside; width:210px; margin:10px auto; clear:both; } #btn li { float:left; width:100px; line-height:20px } #btn li a{ display:block; text-decoration:none; color:#333333} #gray { background:#f5f5f5; cursor: po ![]() #green { background:#D7ECDE; cursor:po ![]() table { border-collapse:collapse; width:70%; margin:10px auto } td { line-height:100%; height:24px; line-height:24px; padding:0 4px } td a { text-decoration:none; color:#333; display:block; } #tab_gray td { border:1px solid #B9B9B9; background: #F2F2F2; } #tab_green td { border:1px solid #95CCA7; background:#EBF5EE; } #tab_gray td:hover, #tab_green td:hover { background:#fff; } </style> </head> <body> <ul id="btn"> <li id="gray"><avoid ![]() } </script> </body> </html> 0
相关文章读者评论发表评论 |
|