实现方案1:是修改按钮background背景色
比如：$("#btnid").css("background","#f00")
实现方案2:准备两张纯颜色的图片，点击按钮的时候触发点击事件，将按钮的背景图片更换。
新建一个html文件，命名为test.html，用于实现在透明框上显示文字。
2
在test.html页面，使用div元素和p元素布局，实现div内包含p元素段落文本。代码如下：
3
设置最外层div类选择器为background，同时设置内层的div类选择器为transbox，用于CSS中对相应的div进行样式定义。
4
使用CSS设置最外层的div样式，主要定义其宽度为400px，高度为266px，同时设置其背景为一张图片。
5
使用CSS设置class为transbox的div为透明框。主要设置其宽度为338px，高度为204px，并且使用opacity设置其透明度0.6，为了兼容IE，还需要使用filter再次设置其透明度。
6
再使用CSS对透明框内的文字进行样式设置，例如，设置其字体、行高、字体颜色等。
7
在浏览器运行test.html文本，查看实现的效果。
由运行的结果可以看出，成功使用CSS实现在透明框上显示文字。
1、首先新建一个html文件，命名为test.html，在test.html文件内，使用table标签创建一个表格，用于测试。
2、在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。
3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px,高度为200px。
4、在css标签内，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。
5、最后在浏览器打开test.html文件，鼠标经过之后，即可变色。
0
css 宽高是不可继承属性。
1.在元素不设宽度的情况下：
若元素为普通流中元素，元素宽度等于父元素宽度;
若元素不在文档流中,元素宽度等于内容宽度;
2.在元素宽度为100%的情况下：
若元素为普通流元素或者浮动元素，元素宽度为父元素宽度的100%；
若元素为绝对定位元素，元素宽度为元素offset-parent宽度的100%；
若元素为固定定位元素，元素宽度始终为body的100%
