简洁实用的鼠标经过变色的box(纯CSS制作)
简洁实用的鼠标经过变色的box效果，纯CSS制作，下面是源代码，可以另存为 .html 格式查看，或者在最下面有在线演示的地址。
HTML code:
<!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>CSS实用鼠标经过变色的box|www.abaonet.com|</title>
</head>
<style type="text/css">
body {
background: #fff;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 11px;
}
/* The style starts here */
#tabs {
padding:0;
margin:0 0 0 15px;
list-style:none;
}
#tabs li {
display:inline;
padding:0;
background:#f8f8f8;
float:left;
margin-right:35px;
position:relative;
}
#tabs li.one {
width:190px;
}
#tabs li.two {
width:240px;
}
#tabs li.three {
width:190px;
}
#tabs li a.outer-link {
background:#f8f8f8;
display:block;
width:100%;
position:relative;
}
#tabs table {
border-collapse:collapse;
margin:-1px;
}
#tabs li b {
display:block;
background:transparent url(/uploads/jsCode/img/2312.gif) no-repeat 0 0;
padding:2px 0 0 5px;
height:15px;
font-size:0.9em;
overflow:hidden;
}
#tabs li div {
border:1px solid #888;
相关问答：
直接看不到的话，http://hiphotos.baidu.com/%CB%AE%CC%EC/pic/item/bd10cdfc07c1c4d2fc037f24.jpg
要实现图片中的三种效果：
1、button的样式
2、改变下拉列表框 样式
3、就是鼠标放到字体上时显示 ......
不懂他网格如何原理
\Using Nesting Grids
YUI Grids CSS provides a system for subdividing sections of your page with nestable grids. Use this technique to easily create complex layouts that go ......
我用CSS控制的网页页面颜色，在设计的时候都有颜色，怎么在运行的时候没有显示啊？求求大家说说咯
你的代码呢？
body
{
background-color:#C0C9FF;
}
直接这样写的咯，然后引用到控制的网页里面咯 ......
setSampleList : function(dataList){
var newslist = document.getElementById("newslist");
var basePath = document.getElementById("basePath").value; ......
