《按钮css样式手册》由会员分享,可在线阅读,更多相关《按钮css样式手册(13页珍藏版)》请在金锄头文库上搜索。
1、按钮按钮 CSSCSS 样式手册样式手册按钮 CSS 样式手册.txt 等余震的心情,就像初恋的少女等情人,既怕他不来,又怕他乱来。 听说女人如衣服,兄弟如手足,回想起来,我竟然七手八脚地了二十多年!今天心情不好,我只有四句话想说,包括这句和前面的两句,我的话说完了!*/*按钮样式*/ .ButtonCss font-family: “Tahoma“, “宋体“; font-size:9pt; color: #003399; border: 1px #003399 solid; color:006699; BORDER-BOTTOM: #93bee2 1px solid; BORDER-LEF
2、T: #93bee2 1px solid; BORDER-RIGHT: #93bee2 1px solid; BORDER-TOP: #93bee2 1px solid; background-image:url(./Images/bluebuttonbg.gif); background-color: #e8f4ff; CURSOR: hand; font-style: normal ; width:60px; height:22px; /*/*蓝色按钮样式*/ .blueButtonCss font-family: “Tahoma“, “宋体“; font-size: 9pt; color
3、: #003366; border: 0px #93bee2 solid; /*/* BORDER-BOTTOM: #93bee2 1px solid; BORDER-LEFT: #93bee2 1px solid; BORDER-RIGHT: #93bee2 1px solid; BORDER-TOP: #93bee2 1px solid;*/ background-image:url(./Images/blue_button_bg.gif); background-color: #ffffff; CURSOR: hand; font-style: normal ; /*/*红色按钮样式*/
4、 .redButtonCss font-family: “Tahoma“, “宋体“; font-size: 9pt; color: #0066cc; border: 1px #93bee2 solid; BORDER-BOTTOM: #93bee2 1px solid; BORDER-LEFT: #93bee2 1px solid; BORDER-RIGHT: #93bee2 1px solid; BORDER-TOP: #93bee2 1px solid; background-image:url(./Images/redbuttonbg.gif); background-color: #
5、ffffff; CURSOR: hand; font-style: normal ; /*/*选择按钮样式*/ .selectButtonCss font-family: “Tahoma“, “宋体“; font-size: 9pt; color: #0066cc; border: 1px #93bee2 solid; BORDER-BOTTOM: #93bee2 1px solid; BORDER-LEFT: #93bee2 1px solid; BORDER-RIGHT: #93bee2 1px solid; BORDER-TOP: #93bee2 1px solid; backgroun
6、d-image:url(./Images/blue_button_bg.gif); background-color: #ffffff; CURSOR: hand; font-style: normal ; /*/*绿色按钮样式*/ .greenButtonCss font-family: “Tahoma“, “宋体“; font-size: 9pt; color: #0066cc; border: 1px #93bee2 solid; BORDER-BOTTOM: #93bee2 1px solid; BORDER-LEFT: #93bee2 1px solid; BORDER-RIGHT:
7、 #93bee2 1px solid; BORDER-TOP: #93bee2 1px solid; background-image:url(./Images/greenbuttonbg.gif); background-color: #ffffff; CURSOR: hand; font-style: normal ; /*/*图像按钮*/ .imageButton CURSOR: hand; /*/*改变鼠标形状*/ /*/*页面正文样式*/ body scrollbar-face-color: #EDEDF3; scrollbar-highlight-color: #ffffff; s
8、crollbar-shadow-color: #93949F; scrollbar-3dlight-color: #EDEDF3; scrollbar-arrow-color: #082468; scrollbar-track-color: #F7F7F9; scrollbar-darkshadow-color: #EDEDF3; font-size: 9pt; color: #003366; overflow:auto; TD FONT-SIZE: 12px TH FONT-SIZE: 12px; /*/* 下拉选择框显示风格 */ SELECT BORDER-RIGHT: #000000
9、1px solid; BORDER-TOP: #FFFFFF 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #FFFFFF 1px solid; COLOR:#003366; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #f4f4f4; /*/* 超级链接显示风格 */ A:Link, A:Visitedcolor:#223355;text-decoration: none A:Hovercolor:red;text-decoration:none; A.highlight:link, A.high
10、light:visited color:red; text-decoration:none A.highlight:hover color:red; text-decoration:underline A.thisclass:link, A.thisclass:visited color: #D9EBFD; font-weight:bold; text-decoration:none A.thisclass:hover color: #FFFFFF;font-weight:bold; A.navlink:link, A.navlink:visited color: #D9EBFD; text-
11、decoration:none A.navlink:hover color: #FFFFFF; text-decoration:none /*/* 线条文本编辑框显示风格 */ .EditBox background: #ffffff; border: 1px solid #B7B7B7; color: #003366; cursor: text; font-family: “Arial“; font-size: 9pt; height: 18px; padding: 1px; /*/* 多行文本框样式 */ .MultiEditBox background: #f8f8f8; border-
12、bottom: #B7B7B7 1px solid; border-left: #B7B7B7 1px solid; border-right: #B7B7B7 1px solid; border-top: #B7B7B7 1px solid; color: #000000; cursor: text; font-family: “Arial“; font-size: 9pt; padding: 1px; /*/* 阴影风格的表单 */ .Shadow position:absolute; z-index:1000; top:0px; left:0px; background:gray; ba
13、ckground-color:#FFCC00; filter : progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040,offX=2,offY=2,positives=true); /*/* 只显一条横线的 Text 的样式! */ .logintxt BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff /*/* DataGrid 页眉样式 */ .dgTitle height:25px; color:#ffffff; font-size:large; text-align:center; vertical-align:middle; BACKGROUND-IMAGE:url(./images/tableTitle2.gif); height:25px /*/* Data