css代码大全费下载.doc
文本预览下载声明
背景头效果
1. style type=text/css
2: !--
3: body{
4: margin:0;
5: padding:0;
6: background-color:#FFFFFF;
7: }
8: .alpha1,.alpha2{
9: width:100%;
10: height:auto;
11: min-height:250px;/* 必需 */
12: _height:250px;/* 必需 */
13: overflow:hidden;
14: background-color:#FF0000;/* 背景色 */
15: }
16: .alpha1{
17: filter:alpha(opacity=20); /* IE 透明度20% */
18: }
19: .alpha2{
20: background-color:#FFFFFF;
21: -moz-opacity:0.8; /* Moz + FF 透明度20%*/
22: opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/
23: }
24: .ap2{
25: position:absolute;
26: }
27: --
28: /style
html:
1: !--S Demo--
2: div class=alpha1
3: div class=ap2
4: p背景为红色(#FF0000)，透明度20%。/p
5: /div
6: !--[if IE]![if !IE]![endif]-- div class=alpha2/div !--[if IE]![endif]![endif]--
7: /div
style type=text/css
a{
color:blue;
text-decoration:none;
}
a:hover{
color:red;
}
.boxBorder{//文本框
border-width:5px;
border-style:solid;
}
.picButton{ //按钮 class=“”
background-color:#00FF00;
color: #6600FF;
border:0px;
margin:0px;
padding:0px;
height:23px;
width:82px;
font-size:14px;
}
/style
鼠标移动图片的变动
form action= method=get !--鼠标背景图片变动--
input name= type=button value=提交
style=width:82px;
height:23px; background-image:url(images/DSC00231.JPG );
onMouseover=this.style.backgroundImage=url(images/DSC00231.JPG)
onMouseOut=this.style.backgroundImage=url(images/lo.jpg)
/form
鼠标移动图片的变动
style type=text/css
.ni{
backgroundImage=url(images/DSC00231.JPG);
color:#990033;
border::5px;
margin::0px;
padding:0px;
height:23px;
width:82px;
font-size:14px;
}
.nihao{
backgroundImage=url(images/lo.JPG);
color: #0000FF;
border::5px;
margin::0px;
padding:0px;
height:23px;
width:82px;
font-size:14px;
}
/style
form action= method=get !--鼠标背景图片变动--
input name= type=button value=提交 class=nihao
height:23px; background-image:url(images/DSC00231.JPG );
in=this.classname=ni
nihao=this.classname=nih
显示全部