一个不错的CSS样式按钮
<!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表单按钮样式代码</title>
<style type="text/css">
<!--
.rb1 { border-right: #6a6a6a 1px solid; padding-right: 10px; border-top: #fff 1px solid; padding-left: 10px; font-size: 14px; background: #d32c47; padding-bottom: 3px; border-left: #fff 1px solid; cursor: pointer; color: #fff; padding-top: 3px; border-bottom: #6a6a6a 1px solid; height: 25px}
.rb2{ border-right: #6a6a6a 1px solid; padding-right: 10px; border-top: #fff 1px solid; padding-left: 10px; font-size: 14px; background: #C71E3A; padding-bottom: 3px; border-left: #fff 1px solid; cursor: pointer; color: #fff; padding-top: 3px; border-bottom: #6a6a6a 1px solid; height: 25px}
-->
</style>
</head>
<body>
<input name="Submit" type="submit" class="rb1" value="登 陆" onmouseover="this.className='rb2';" onmouseout="this.className='rb1';" />
</body>
</html>
相关文档：
分类:Web前端
IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"， IE8能识别" \9"，但不能识别下划线"_"， 而firefox两个都不能认识,却可以识别‘!important’。等等
书写顺序，一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法
1：!importan ......
用css实现网页背景渐变的代码如下：
一、从上往下渐变
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
Example Source Code [www.mb5u.com]
body{
FILTER: Alpha( style=1, ......
1 导入外部js文件：
1.<script type="text/javascript" src="myjs/xx.js"></script>
2.<script language="javascript" src="myjs/xx.js"></script>
2 导入外部css文件：
<link rel="stylesheet" ty ......
CSS 概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
样式解决了一个普遍的问题
HTML 标签原本� ......
